Winkel-Keine-Modul-Fabrik zur Verfügung für die Abhängigkeit Typ: ContextElementDependency
Läuft ng build
auf meiner Winkel-4-Projekt diesen Fehler :
14% building modules 40/46 modules 6 active ...es\@angular\http\@angular\http.es5.js
An error occured during the build:
Error: No module factory available for dependency type: ContextElementDependency
at Compilation.addModuleDependencies (D:\dev\workspace\rep\node_modules\@angular\cli\node_modules\webpack\lib\Compilation.js:213:21)
at Compilation.processModuleDependencies (D:\dev\workspace\rep\node_modules\@angular\cli\node_modules\webpack\lib\Compilation.js:202:8)
at _this.buildModule.err (D:\dev\workspace\rep\node_modules\@angular\cli\node_modules\webpack\lib\Compilation.js:350:14)
at building.forEach.cb (D:\dev\workspace\rep\node_modules\@angular\cli\node_modules\webpack\lib\Compilation.js:147:27)
at Array.forEach (native)
at callback
Habe ich gelesen, dass viele F/A auf github & stackoverflow auf dieses Problem, aber nicht von Ihnen mir geholfen.
Als Antworten vorgeschlagen, die ich entfernt haben, das webpack aber das hat nicht geholfen. Entfernt node_modules, entfernt webpack von Paket.json, laufen npm install
noch nicht helfen. Gereinigt cache des npm, entfernt webpack von Paket.json, laufen npm install
, immer noch kein Ergebnis. Und viele andere ähnliche Vorschläge nicht helfen.
Wenn ich entfernen webpack von Paket.json und führen npm install
bekomme ich Folgendes:
Cannot find module 'webpack/lib/node/NodeTemplatePlugin' Error: Cannot
find module 'webpack/lib/node/NodeTemplatePlugin'
at Function.Module._resolveFilename (module.js:469:15)
at Function.Module._load (module.js:417:25)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
at Object.<anonymous> (D:\dev\workspace\rep\node_modules\html-webpack-plugin\lib\compiler.js:11:26)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
at Object.<anonymous> (D:\dev\workspace\rep\node_modules\html-webpack-plugin\index.js:7:21)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
Return webpack Paket.json , laufen npm install
und führen Sie dann npm list webpack
bekomme ich Folgendes Ergebnis:
+-- @angular/[email protected]
| `-- [email protected]
`-- [email protected]
Hier ist das Paket.json des Projekts:
{
"name": "somename",
"version": "1.0.0",
"description": "",
"author": "",
"url": "",
"copyright": "somec",
"license": "MIT",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/common": "^4.4.5",
"@angular/compiler": "^4.4.5",
"@angular/core": "^4.4.5",
"@angular/forms": "^4.4.5",
"@angular/http": "^4.4.5",
"@angular/platform-browser": "^4.4.5",
"@angular/platform-browser-dynamic": "^4.4.5",
"@angular/router": "^4.4.5",
"@angular/upgrade": "^4.4.5",
"amazon-cognito-identity-js": "^1.21.0",
"chart.js": "2.7.0",
"core-js": "2.5.1",
"font-awesome": "^4.7.0",
"jquery": "^3.2.1",
"moment": "2.18.1",
"ng2-charts": "1.6.0",
"ngx-bootstrap": "1.9.3",
"raw-loader": "^0.5.1",
"rxjs": "5.4.3",
"simple-line-icons": "^2.4.1",
"ts-helpers": "1.1.2",
"zone.js": "0.8.17"
},
"devDependencies": {
"@angular/cli": "^1.4.7",
"@angular/compiler-cli": "^4.4.5",
"@types/jasmine": "2.6.0",
"@types/jquery": "^3.2.13",
"@types/node": "8.0.28",
"codelyzer": "3.2.0",
"jasmine-core": "2.8.0",
"jasmine-spec-reporter": "4.2.1",
"karma": "1.7.1",
"karma-chrome-launcher": "2.2.0",
"karma-cli": "1.0.1",
"karma-coverage-istanbul-reporter": "1.3.0",
"karma-jasmine": "1.1.0",
"karma-jasmine-html-reporter": "0.2.2",
"node-sass": "^4.5.3",
"postcss-loader": "^2.0.6",
"protractor": "5.1.2",
"sass-loader": "^6.0.6",
"ts-node": "3.3.0",
"tslint": "5.7.0",
"typescript": "2.5.2",
"webpack": "^3.6.0"
},
"engines": {
"node": ">= 6.9.0",
"npm": ">= 3.0.0"
}
}
Wenn ich clone das repo auf andere Computer ausgeführt npm install
und dann ng build
es ist okay, funktioniert in Ordnung, aber an mir gibt es diesen Fehler. Ich habe versucht, vollständig zu entfernen die repo von meiner Maschine, das Klonen von Grund auf neu und laufen npm install
und ng build
, immer noch die gleiche Fehlermeldung.
Kann mir bitte jemand sagen, was kann der Grund sein für dieses Verhalten und wie es zu lösen ist ?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Schritte, die ich nahm, um dieses problem zu beheben, im Falle dass, wenn jemand trifft es:
rm -R node_modules
(entfernen Sie den node_modules-Ordner)npm i -g webpack
npm i -g webpack-dev-server
package-lock.json
(wenn es gibt)npm i
npm start
Ich noch nicht ganz verstehen, die Gründe, warum dies passiert ist.
Error: Cannot find module 'webpack'
node_modules
und liefyarn install
.Tun
npm ls webpack
Wenn man zwei Versionen von
webpack
(unter @eckig/cli und die Wurzel node_modules), Dann ist das das problem. Löschen/Umbenennen der webpack unter@angular/cli
und in der.bin
Ordner@angular/cli
.Problem für mich gelöst