如何修复“错误:无法在angular2和.net核心应用程序中找到模块'webpack/lib/dependencies/ContextElementDependency'”。！

Question

You can click here to view a screenshot of the error 我正在使用.net核心和angular2开发一个新的web应用程序，这是我使用这两种方法编写的第一个代码，我遇到了以下错误，如何解决它。

"Error: Cannot find module 'webpack/lib/dependencies/ContextElementDependency'
"

我已经尝试过重装npm和webpack包了。我已经删除了(package-lock.json)文件。

includes my packages.json :

    {
      "name": "STS_InternalRequests",
      "version": "0.0.0",
      "license": "MIT",
      "scripts": {
        "ng": "ng",
        "start": "ng serve --extract-css",
        "build": "ng build --extract-css",
        "build:ssr": "npm run build -- --app=ssr --output-hashing=media",
        "test": "ng test",
        "lint": "ng lint",
        "e2e": "ng e2e"
      },
      "private": true,
      "dependencies": {
        "@angular/animations": "^5.2.0",
        "@angular/common": "^5.2.0",
        "@angular/compiler": "^5.2.0",
        "@angular/core": "^5.2.0",
        "@angular/forms": "^5.2.0",
        "@angular/http": "^5.2.0",
        "@angular/platform-browser": "^5.2.0",
        "@angular/platform-browser-dynamic": "^5.2.0",
        "@angular/platform-server": "^5.2.0",
        "@angular/router": "^5.2.0",
        "@nguniversal/module-map-ngfactory-loader": "^5.0.0-beta.5",
        "aspnet-prerendering": "^3.0.1",
        "bootstrap": "^3.3.7",
        "arrive": "2.3.1",
        "bootstrap-notify": "3.1.3",
        "core-js": "2.4.1",
        "express": "4.15.3",
        "jquery": "1.12.4",
        "moment": "2.18.1",
        "rxjs": "^5.5.6",
        "ngbootbox": "0.2.0",
        "zone.js": "0.8.4"
      },
      "devDependencies": {
        "@angular/cli": "~1.7.0",
        "@angular/compiler-cli": "^5.2.0",
        "@angular/language-service": "^5.2.0",
        "@types/jasmine": "~2.8.3",
        "@types/jasminewd2": "~2.0.2",
        "@types/ngbootbox": "0.0.29",
        "@types/node": "~6.0.60",
        "codelyzer": "^4.0.1",
        "jasmine-core": "~2.8.0",
        "jasmine-spec-reporter": "~4.2.1",
        "karma": "~2.0.0",
        "karma-chrome-launcher": "~2.2.0",
        "karma-coverage-istanbul-reporter": "^1.2.1",
        "karma-jasmine": "~1.1.0",
        "karma-jasmine-html-reporter": "^0.2.2",
        "protractor": "~5.1.2",
        "ts-node": "~4.1.0",
        "tslint": "~5.9.1",
        "typescript": "~2.5.3"
      },
      "optionalDependencies": {
        "node-sass": "^4.9.0"
      }
    }

我希望代码能够成功运行。

Answer 1

在根tsconfig.json文件中将es2016更新为es2017修复了此问题

],
    "lib": [
      "es2017",
      "dom"
    ]
  },
  "include": ["node_modules/angular-bootstrap-md/**/*.ts","src/**/*.ts"]
}

然后运行以下命令

 rm -rf node_modules
 rm package-lock.json 
 npm cache verify npm install

如果这还没有帮助，那么运行在Package.json中从DevDependencies中删除webpack

rm node_modules/ (remove node_modules folder)
rm package-lock.json (remove package-lock.json file)
npm install -g webpack (install webpack globally)
npm install -g webpack-dev-server
npm install