昨天我的程序与Angular 2和Angular材料运行良好，但是当我今天尝试运行时，它会引发此错误。帮我
错误中的错误：模块的元数据版本不匹配E：/demo/crud/
node_modules/@angular/material/card/typings/index.d.ts，找到版本 4，预期3，在e：/demo/crud/client/app/a中解决符号appmodule pp.module.ts，在e：/demo/crud/client/app/ap中解决符号appmodule p. -module.ts [1]在syntaxerror时出现错误（本机）[1] （e： demo crud node_modules @gangular compiler bu
ndles compiler.umd.js：1729：34）[1] （e： demo crud node_modules @angular compi
ler bundles compiler.umd.js：25118：23）[1] staticreflector.simplify（e： demo crud node_modules @angula
r compiler bundles compiler.umd.js：25130：13）[1] staticreflector.annotations（e： demo crud node_modules @ang
ular compiler bundles compiler.umd.js：24558：41）[1] at _getNgModulemetadata（e： demo crud node_modules @gangular co mpiler-cli src src ngtools_impl.js：138：31：31）[1] _extractLazyRoutesFromStaticModule（e： demo crud node_modul es @angular compiler compiler-cli src src ngtools_impl.js：109：26：26）[1] object.listlazyroutesofmodule（e： demo crud node_modules @a
ngular compiler-cli src ngtools_impl.js：53：22）[1] function.ngtools_internalapi_ng_2.listlazyroutes（e： demo c
rud node_modules @gangular compiler-cli src ngtools_api.js：91：39）[1]
在aotplugin._getlazyroutesfromngtools（e： demo crud node_modu
） les @ngtools webpack src plugin.js：207：44）[1] _donepromise.promise.resolve.then.then.then.then.then（e： d emo crud node_modules @ngtools @ngtools webpack src src src plugin.js：443：443：24）[1] [1] [1]
在process._tickcallback（内部/process/next_tick.js：109：7）
package.json
"dependencies": {
"@angular/animations": "^5.0.2",
"@angular/cdk": "^5.0.0-rc.1",
"@angular/common": "^4.2.4",
"@angular/compiler": "^4.2.4",
"@angular/core": "^4.2.4",
"@angular/forms": "^4.2.4",
"@angular/http": "^4.2.4",
"@angular/material": "^5.0.0-rc.1",
"@angular/platform-browser": "^4.2.4",
"@angular/platform-browser-dynamic": "^4.2.4",
"@angular/router": "^4.2.4",
"@types/underscore": "^1.8.4",
"angular2-jwt": "^0.2.3",
"bcryptjs": "^2.4.3",
"body-parser": "^1.17.2",
"bootstrap": "4.0.0-alpha.5",
"core-js": "^2.4.1",
"dotenv": "^4.0.0",
"express": "^4.15.3",
"font-awesome": "^4.7.0",
"jquery": "^3.2.1",
"jsonwebtoken": "^8.0.1",
"mongodb": "^2.2.31",
"mongoose": "^4.12.1",
"mongoose-gen": "^2.1.1",
"mongoose-tie": "^1.0.0",
"morgan": "^1.8.2",
"rxjs": "^5.5.2",
"tether": "1.4.0",
"underscore": "^1.8.3",
"zone.js": "^0.8.14"
},
"devDependencies": {
"@angular/cli": "1.4.2",
"@angular/compiler-cli": "^4.2.4",
"@angular/language-service": "^4.2.4",
"@types/jasmine": "~2.5.53",
"@types/jasminewd2": "~2.0.2",
"@types/node": "~6.0.60",
"chai": "^4.1.0",
"chai-http": "^3.0.0",
"codelyzer": "~3.1.1",
"concurrently": "^3.3.0",
"jasmine-core": "~2.6.2",
"jasmine-spec-reporter": "~4.1.0",
"karma": "~1.7.0",
"karma-chrome-launcher": "~2.1.1",
"karma-cli": "~1.0.1",
"karma-coverage-istanbul-reporter": "^1.2.1",
"karma-jasmine": "~1.1.0",
"karma-jasmine-html-reporter": "^0.2.2",
"mocha": "^3.4.2",
"nodemon": "1.11.0",
"protractor": "~5.1.2",
"ts-node": "~3.2.0",
"tslint": "~5.3.2",
"typescript": "~2.3.3"
}
}
作为我新来的，我希望逐步指导。谢谢
正如您的问题评论者所说的那样，您将Angular 4与@angular/cdk@5.0.0-rc0，@angular/material@5.0.0-rc0混合。这些需要Angular 5。
在Angular材料上查看此问题2 GitHub Repo。
您可以尝试更新package.json中的依赖项以匹配此处的依赖性：
"dependencies": {
"@angular/animations": "5.0.0",
"@angular/cdk": "^5.0.0-rc0",
"@angular/common": "5.0.0",
"@angular/compiler": "5.0.0",
"@angular/core": "5.0.0",
"@angular/forms": "5.0.0",
"@angular/http": "5.0.0",
"@angular/material": "^5.0.0-rc0",
"@angular/platform-browser": "5.0.0",
"@angular/platform-browser-dynamic": "5.0.0",
"@angular/platform-server": "5.0.0",
"@angular/router": "5.0.0",
"core-js": "^2.5.1",
"hammerjs": "^2.0.8",
"rxjs": "5.5.2",
"zone.js": "^0.8.18"
},
"devDependencies": {
"@angular/cli": "^1.5.3",
"@angular/compiler-cli": "5.0.0",
"@types/jasmine": "2.6.0",
"@types/node": "^8.0.34",
"codelyzer": "^3.2.1",
"ts-node": "~3.3.0",
"tslint": "~5.7.0",
"typescript": "2.4.2"
}
然后删除您的node_modules文件夹并运行npm install。