![](/img/trans.png)
[英]Angular throws error: can't bind to “ngIf” since it isn't a known property of “ng-container”
[英]Angular (v2.4.5): Can't bind to 'ngTemplateOutletContext' since it isn't a known property of 'ng-container'
我知道這里有幾個有相同錯誤的回答問題,但這些問題是關於從 Angular 4 遷移到 5 的,其中該屬性已被刪除。
我正在嘗試使用 webpack 構建一個 Angular 2.4.5 項目。 經過一些修改和 npms 后,它構建沒有錯誤,但是當我嘗試運行時,我在瀏覽器控制台中收到以下錯誤:
模板解析錯誤:無法綁定到“ngTemplateOutletContext”,因為它不是“ng-container”的已知屬性。
我不使用任何ngTemplateOutletContext
屬性,所以我不知道這是從哪里來的。 我想我錯誤地更新了一些包而其他包保持舊,所以更新的包拋出錯誤。 該項目是大約 2 年前使用 dotnet core aspnetcore spa angular 模板構建的。
如何檢測此錯誤的根源? 什么會在 angular 2.4.5 項目中導致此錯誤?
包.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
導入任何重要的東西。 只是基本的瀏覽器模塊和通用模塊。
慢慢地,開始添加引導組件的各個部分。 嘗試將路由器留給最后一個和任何第三方模塊。
如果您在添加路由器或模塊時再次遇到問題。 嘗試注釋掉所有路由配置,直到它再次可以運行。
不斷重復這個過程,直到你縮小到問題所在。 當您以最少的依賴項重現它時,您會發現它。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.