Создание нового проекта .NET Core с помощью шаблона Angular довольно удобно, но вы начнете с Angular 8. Процесс обновления до версии 10 не очень прост и может вызвать серьезные проблемы, если вы не знаете, на что обращать внимание. за. К счастью, я недавно завершил этот процесс и хотел поделиться шагами, которые я предпринял для успешного обновления.
Примечание. многие из этих шагов можно найти в Руководстве по обновлению Angular здесь: https://update.angular.io/
Все следующие команды должны выполняться из
<project-directory>/ClientApp
- Обновите текущую версию Angular 8
ng update @angular/core@8 @angular/cli@8
2. Обновите до версии 9.
ng update @angular/core@9 @angular/cli@9
Удалить export { renderModule, renderModuleFactory } from ‘@angular/platform-server’;
из main.ts
- Без удаления этих экспортов при запуске будет выдана следующая ошибка: «Uncaught SyntaxError: код строгого режима не может включать оператор with».
- Дополнительная информация: https://stackoverflow.com/questions/60114758/uncaught-syntaxerror-strict-mode-code-may-not-include-a-with-statement
ng add @angular/localize
- Это необходимо, так как шаблон Angular, похоже, полагается на систему интернационализации Angular (i18n).
Измените progress: false
на progress: true
в angular.json
- Без изменения этого значения приложение не запустится, и при запуске будет отображаться следующая ошибка: «TimeoutException: процесс Angular CLI не начал прослушивание запросов в течение периода ожидания 0 секунд».
- Дополнительная информация: https://stackoverflow.com/questions/60189930/timeoutexception-the-angular-cli-process-did-not-start-listening-for-requests-w
npm uninstall @nguniversal/module-map-ngfactory-loader
- Удалить
ModuleMapLoaderModule
import и ссылку изapp.server.module.ts
3. Обновите до версии 10.
ng update @angular/cli @angular/core rxjs
4. Обновить зависимости
npm install -g npm-check-updates
- Этот пакет поможет обновить все зависимости до последней версии.
ncu -u
npm install
npm update
npm audit fix
Вуаля! Теперь вы запускаете свой проект .NET Core Angular в версии 10. Опять же, это всего лишь конкретные шаги для перехода с версии 8 на 10. Чтобы выполнить обновление до других версий, ознакомьтесь с Руководством по обновлению Angular по адресу https://update.angular. .ио/»