Webpack依赖处理(Cant resolve‘..“)

Question

我有一个使用webpack的角4项目。我的package.json包括ngx-mqtt作为devDependency。据我所知，所有的依赖应该是devDependencies和webpack。

这导致了一个错误，mqtt.js包含了一个意外的#令牌，我用shebang加载程序修复了它。

现在我收到了错误：

模块未找到:错误:无法解决'mqtt‘

我通过将mqtt添加到我的package.json中来修正这个问题(我不认为这是必要的，因为它是ngx-mqtt的依赖项)

这样做的结果是：

未找到模块:错误:无法解决‘utf-8-验证’，这是websocket流的依赖，而后者又是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"
}

Answer 1

你能在你的webpackconfig中试试这个吗？

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

您还可以尝试将相对路径直接放置到node_modules。