Angular 角度(v2.4.5):Can';t绑定到';ngTemplateOutletContext';因为它不是';t'的已知属性;ng集装箱';
我知道这里有几个回答了相同错误的问题,但是这些问题是关于从Angular 4迁移到Angular 5的,这个属性已经被删除了 我正在尝试用webpack构建一个Angular 2.4.5项目。经过几次修改和NPM后,它的构建没有错误,但当我尝试运行时,在浏览器控制台中出现以下错误: 模板分析错误:无法绑定到“ngTemplateOutletContext”,因为 它不是“ng container”的已知属性 我没有使用任何Angular 角度(v2.4.5):Can';t绑定到';ngTemplateOutletContext';因为它不是';t'的已知属性;ng集装箱';,angular,npm,webpack,Angular,Npm,Webpack,我知道这里有几个回答了相同错误的问题,但是这些问题是关于从Angular 4迁移到Angular 5的,这个属性已经被删除了 我正在尝试用webpack构建一个Angular 2.4.5项目。经过几次修改和NPM后,它的构建没有错误,但当我尝试运行时,在浏览器控制台中出现以下错误: 模板分析错误:无法绑定到“ngTemplateOutletContext”,因为 它不是“ng container”的已知属性 我没有使用任何ngTemplateOutletContext属性,所以我不知道这是从哪里
ngTemplateOutletContext
属性,所以我不知道这是从哪里来的。我假设我错误地更新了一些包,而其他包保持旧状态,因此更新后的包会抛出错误。该项目是大约2年前使用dotnet core aspnetcore spa角模板构建的
如何检测此错误的根源?在angular 2.4.5项目中,是什么导致此错误
package.json:
"dependencies": {
"@angular/common": "^2.4.5",
"@angular/compiler": "^2.4.5",
"@angular/core": "^2.4.5",
"@angular/forms": "^2.4.5",
"@angular/http": "^2.4.5",
"@angular/platform-browser": "^2.4.5",
"@angular/platform-browser-dynamic": "^2.4.5",
"@angular/platform-server": "^2.4.5",
"@angular/router": "^3.4.5",
"@types/node": "^6.0.42",
"angular2-modal": "^2.0.3",
"angular2-platform-node": "~2.0.11",
"angular2-template-loader": "^0.6.2",
"aspnet-prerendering": "^2.0.0",
"aspnet-webpack": "^1.0.17",
"awesome-typescript-loader": "^3.0.0",
"bootstrap": "^3.3.7",
"crypto": "^1.0.1",
"css": "^2.2.1",
"css-loader": "^0.25.0",
"es6-promise": "^4.2.5",
"es6-shim": "^0.35.1",
"event-source-polyfill": "^0.0.7",
"expose-loader": "^0.7.1",
"extract-text-webpack-plugin": "^2.0.0-rc",
"file-loader": "^0.9.0",
"html-loader": "^0.4.4",
"isomorphic-fetch": "^2.2.1",
"jquery": "^2.2.4",
"json-loader": "^0.5.4",
"ng-select": "^1.0.0-beta.5",
"preboot": "^4.5.2",
"raw-loader": "^0.5.1",
"reflect-metadata": "^0.1.13",
"rxjs": "^5.4.0",
"style-loader": "^0.13.1",
"to-string-loader": "^1.1.5",
"typescript": "^2.3.4",
"url-loader": "^0.5.7",
"webpack": "^2.2.0",
"webpack-hot-middleware": "^2.12.2",
"webpack-merge": "^0.14.1",
"zone.js": "^0.7.8"
},
"devDependencies": {
"@types/chai": "^3.4.34",
"@types/core-js": "^2.5.0",
"@types/jasmine": "^2.5.37",
"@types/jquery": "^2.0.41",
"chai": "^3.5.0",
"jasmine-core": "^2.5.2",
"karma": "^1.3.0",
"karma-chai": "^0.1.0",
"karma-chrome-launcher": "^2.0.0",
"karma-cli": "^1.0.1",
"karma-jasmine": "^1.0.2",
"karma-webpack": "^1.8.0"
}
如何检测此错误的根源
你必须移除所有的东西,然后慢慢地一块一块地添加回来,直到你碰到了导致错误的东西
将AppModule
剥离到最低限度,并更新引导组件,使其不起任何作用。注释掉模板中的所有HTML,注释掉组件的所有逻辑
您希望您的AppModule
不导入任何重要内容。只有基本的浏览器模块和通用模块
慢慢地,开始重新添加引导组件的各个部分。尝试将路由器留给最后一个和任何第三方模块
如果在添加路由器或模块时再次遇到此问题。尝试注释掉所有的路由配置,直到它再次运行
不断重复这个过程,直到你缩小到问题所在。当您以最少的依赖性复制它时,您会发现它