Webpack 종속성 처리 (Cant resolve '..')

Webpack을 사용하는 각도 4 프로젝트가 있습니다. 내 package.json은 devDependency로 ngx-mqtt을 포함합니다. 내가 아는 한 모든 종속성은 webpack과 devDependencies되어야합니다.Webpack 종속성 처리 (Cant resolve '..')

이로 인해 mqtt.js에 예기치 않은 # 토큰이 포함되어있어 shebang-loader로 수정 한 오류가 발생했습니다.

는 지금은 오류 접수 :

Module not found : error : Can't resolve 'mqtt'

I가 MQTT를 추가하여 고정을 내

(내가 그것을 ngx-mqtt의 종속성 이후에해야 할 것입니다 생각하지 않습니다) package.json 이렇게하면 다음과 같은 결과가 나타납니다.

Module not found : error : Can't resolve 'utf-8-validate' which is a dependency of websocket-stream which in turn is a dependency of mqtt

이것은 옳지 않을 수 있습니까? 내 라이브러리 종속성을 직접 선언 할 필요는 없습니다.

package.json는 :

"devDependencies": { 
"@angular/animations": "4.2.5", 
"@angular/common": "4.2.5", 
"@angular/compiler": "4.2.5", 
"@angular/compiler-cli": "4.2.5", 
"@angular/core": "4.2.5", 
"@angular/forms": "4.2.5", 
"@angular/http": "4.2.5", 
"@angular/platform-browser": "4.2.5", 
"@angular/platform-browser-dynamic": "4.2.5", 
"@angular/platform-server": "4.2.5", 
"@angular/router": "4.2.5", 
"@ngtools/webpack": "1.5.0", 
"@types/chai": "4.0.1", 
"@types/jasmine": "2.5.53", 
"@types/text-encoding": "0.0.32", 
"@types/webpack-env": "1.13.0", 
"@types/node": "^8.0.34", 
"angular2-router-loader": "^0.3.5", 
"angular2-template-loader": "0.6.2", 
"aspnet-prerendering": "^3.0.1", 
"aspnet-webpack": "^2.0.1", 
"awesome-typescript-loader": "^3.2.3", 
"bootstrap": "3.3.7", 
"chai": "4.0.2", 
"css": "2.2.1", 
"css-loader": "0.28.4", 
"es6-shim": "0.35.3", 
"event-source-polyfill": "0.0.11", 
"expose-loader": "^0.7.3", 
"extract-text-webpack-plugin": "2.1.2", 
"file-loader": "^0.11.2", 
"html-loader": "^0.4.5", 
"isomorphic-fetch": "2.2.1", 
"jasmine-core": "2.6.4", 
"jquery": "3.2.1", 
"json-loader": "^0.5.7", 
"jw-bootstrap-switch-ng2": "^1.0.4", 
"karma": "1.7.0", 
"karma-chai": "0.1.0", 
"karma-chrome-launcher": "2.2.0", 
"karma-cli": "1.0.1", 
"karma-jasmine": "1.1.0", 
"karma-webpack": "2.0.3", 
"ngx-mqtt": "1.15.0", 
"preboot": "4.5.2", 
"raw-loader": "^0.5.1", 
"reflect-metadata": "0.1.10", 
"rxjs": "5.4.2", 
"shebang-loader": "^0.0.1", 
"style-loader": "^0.18.2", 
"text-encoding": "0.6.4", 
"to-string-loader": "^1.1.5", 
"typescript": "^2.5.3", 
"url-loader": "^0.5.9", 
"webpack": "^2.7.0", 
"webpack-hot-middleware": "^2.19.1", 
"webpack-merge": "4.1.0", 
"zone.js": "0.8.12" 
}

출처

2017-10-15 Qowy

npm install을 사용하여 모든 종속성을 설치 했습니까? –

npm을 여러 번 설치했습니다. 더 이상 설치하지 않으셨습니까? – Qowy

package.json으로 게시물을 업데이트 할 수 있습니까? –

당신은 당신의 webpackconfig 당신은 또한 직접 node_modules에 상대 경로를 넣어 시도 할 수

resolve: { extensions: ['.ts', '.js'], modules: ['node_modules'] }

이 시도 할 수 있습니다.

출처

2017-10-16 11:25:52 Ayoub

Webpack 종속성 처리 (Cant resolve '..')

답변

관련 문제