Angular (v2.4.5): невозможно связать с 'ngTemplateOutletContext', поскольку оно не является известным свойством 'ng-container'

Question

Я знаю, что здесь есть несколько ответов на вопросы с той же ошибкой, но они касаются перехода с Angular 4 на 5, где это свойство было удалено.

Я пытаюсь создать проект Angular 2.4.5 с помощью веб-пакета. После нескольких модификаций и npms он собирается без ошибок, но при попытке запустить в консоли браузера появляется следующая ошибка:

Ошибки разбора шаблона: невозможно связать с 'ngTemplateOutletContext', так как это не известное свойство 'ng-container'.

Я не использую никакие свойства ngTemplateOutletContext, поэтому не знаю, откуда это. Я предполагаю, что я обновил некоторые пакеты по ошибке, а другие остались старыми, поэтому обновленный пакет выдает ошибку. Проект был построен около 2 лет назад с использованием углового шаблона aspnetcore spa dotnet core.

Как я могу обнаружить корень этой ошибки? Что может вызвать эту ошибку в угловом проекте 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"
  }

Answer 1

Как я могу обнаружить корень этой ошибки?

Вы должны удалить все и медленно добавлять кусочек за кусочком, пока не попадаете только в вещи , вызывающиеошибка.

Сократите ваш AppModule до минимума и обновите компонент bootstrap , чтобы он ничего не делал.Закомментируйте весь HTML-код в шаблоне и закомментируйте всю логику компонента.

Вы хотите, чтобы ваш AppModule импортировал ничего важного.Просто базовый модуль браузера и общий модуль.

Постепенно начните добавлять части компонента начальной загрузки.Попробуйте оставить маршрутизатор для последнего и любых сторонних модулей.

Если вы нажали , проблема снова при добавлении маршрутизатора или модуль .Попробуйте закомментировать всю конфигурацию маршрута, и пока вы не получите ее снова в рабочем состоянии.

Продолжайте повторять этот процесс до тех пор, пока не найдете причину проблемы.Вы найдете это при воспроизведении с наименьшим количеством зависимостей.