런타임 오류 : "leaflet.awesome-markers"모듈을 찾을 수 없음 Ionic 3

Question

전단지의 내장 마커를 성공적으로 표시 할 수있는 전단지를 사용하여 Ionic 3 응용 프로그램에 글꼴 굉장 마커를 추가하고 있지만 전단을 가져 오려고 할 때 .awesome-markers 모듈 ionic serve은 모듈 leaflet.awesome-markers을 찾을 수 없다는 런타임 오류를보고합니다.

내가 따라 한 제안은 node_modules 디렉토리를 제거하고 npm이 모든 것을 다시 설치하도록하는 것입니다. 이것은 결과를 변경하지 않았습니다.

ionic info의

출력 :

cli packages: (/home/jett/git/mobiLoc/node_modules) 

@ionic/cli-plugin-cordova  : 1.6.2 
@ionic/cli-plugin-ionic-angular : 1.4.1 
@ionic/cli-utils    : 1.7.0 
ionic (Ionic CLI)    : 3.7.0 

글로벌 패키지 :

Cordova CLI : 7.0.1 

지역 패키지 :

@ionic/app-scripts : 1.3.7 
Cordova Platforms : android 6.2.3 ios 4.4.0 
Ionic Framework : ionic-angular 3.2.1 

시스템 :

Android SDK Tools : 26.0.2 
Node    : v7.10.0 
OS    : Linux 4.4 
npm    : 4.2.0 

,369 package.json에서 1,363,210

:

"@types/leaflet": "^1.2.0", 
"@types/leaflet.awesome-markers": "^2.0.4", 
"leaflet": "^1.2.0", 
"leaflet.awesome-markers": "^2.0.4", 
"typescript": "2.3.4" 

관련 코드 :

import * as L from "leaflet"; 
import "leaflet.awesome-markers"; 

private issueIcon: L.AwesomeMarkers.Icon; 

this.issueIcon = L.AwesomeMarkers.icon({ 
    icon: 'heart-broken', /* Heart with a crack */ 
    markerColor: 'red', 
    prefix: "fa" 
}); 

내가 모두 한 새로운 해요) 스크립트를 입력하고 2) 유형 정의에 의존하는 타사 모듈의 수입을 디버깅. 그러나이 유형을 해결할 때 문제가되지 않습니다 - 내 IDE leaflet.awesome-markers 파일 내에 정의 된 형식을 인식 할 수 있습니다. 컴파일/번역 오류/경고도 없습니다.

컴파일 타임에 문제가 없기 때문에이 모듈에 대한 사용 권한 문제는 배제되지만 모든 node_modules가 프로젝트에 로컬로 설치되어 있고 디렉토리 전체에서 동일한 사용 권한을 가지고 있는지 확인했습니다.

다른 디버깅 방법에 관심이 있습니다.

Answer 1

npm 또는 내 IDE가 가져 오기를 해결하는 방법을 완전히 이해하지 못했지만 가져 오기를 해결하려는 시도와 관련하여 훨씬 더 자세하게 제공되는 명령에 대해 비틀 거 렸습니다.

import "leaflet.awesome-markers"; 

: 추가 세부 사항을 얻으려면, I는 npm run build 명령이이 줄을 해석 할 때 사용하려고했던 다양한 경로와 확장의 세부 사항을 제공

npm run build 

대신

ionic serve 

을 사용

import 문을 실제 .js 파일의 위치로 변경하면 빌드가이 파일을 해결할 수 있음을 발견했습니다.

import "leaflet.awesome-markers/dist/leaflet.awesome-markers";