Проблемы после обновления углового CLI 1.7.3 до 6.2.2 - PullRequest
Новая
       21

Проблемы после обновления углового CLI 1.7.3 до 6.2.2

0 голосов
/ 17 сентября 2018

Я обновил Angular 5.2.0 проект с CLI 1.7.3 до Angular 6.1.7 с CLI 6.2.2.

Теперь, когда я запускаю ng build --prod, я получаю ошибку ниже. 

ERROR in Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
TypeError: Cannot read property 'replace' of undefined
    at normalizeBackSlashDirection (C:\workspace\appView\node_modules\webpack\lib\RequestShortener.js:16:17)
    at new RequestShortener (C:\workspace\appView\node_modules\webpack\lib\RequestShortener.js:26:15)
    at new Compiler (C:\workspace\appView\node_modules\webpack\lib\Compiler.js:189:27)
    at Compiler.createChildCompiler (C:\workspace\appView\node_modules\webpack\lib\Compiler.js:431:25)
    at Compilation.createChildCompiler (C:\workspace\appView\node_modules\webpack\lib\Compilation.js:2429:24)
    at Object.pitch (C:\workspace\appView\node_modules\mini-css-extract-plugin\dist\loader.js:78:43)

Как я могу это исправить?

Ответы [ 2 ]

0 голосов
/ 17 сентября 2018

попробуйте изменить свой веб-пакет, надеюсь, это поможет: 

npm remove webpack

тогда: 

npm install webpack@4.11.1

или удалите node_modules и package-lock.json Обновите версию веб-пакета в package.json Запустите npm install снова.

0 голосов
/ 17 сентября 2018

Это произошло из-за закрытой переменной, объявленной в TS, которую вы используете в hTML

Невозможно прочитать свойство 'replace' из неопределенного

эта замена является частной, поэтому не может читать в файле HTML

Шаг к обновлению

Установка или обновление Angular CLI до версии 6

Обновление Angular CLI легко, и нужно установить последнюю версию из npm, используя следующую команду: 

npm install -g @angular/cli

Вам может потребоваться добавить sudo в зависимости от конфигурации npm. Также само собой разумеется, что для установки и запуска Angular CLI 6 вам необходимо установить Node.js 8+ и NPM в вашей системе.

Обновление Angular 5 CLI до версии 6 (метод 2) Вы также можете удалить предыдущую версию Angular CLI 5 перед установкой последней версии с помощью следующей команды: 

npm uninstall -g angular-cli
npm cache clean

Затем выполните команду npm install глобально: 

npm install -g @angular/cli

Обновление Angular 4 | 5 проектов

Сначала начните с локальной установки Angular CLI 6 с помощью следующей команды (убедитесь, что вы находитесь в корневой папке вашего проекта): 

npm install @angular/cli@latest

Обновление файлов конфигурации Есть много различий между Angular 4 | 5 и Angular 6, таких как • Angular 6 использует angular.json вместо angular-cli.json. • Различные версии зависимостей в package.json и т. Д.

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

ng update @angular/cli

Обнаружение пакетов для обновления В Angular CLI есть новая утилита, которая позволяет автоматически анализировать файл package.json вашего проекта и отображать зависимости, которые необходимо обновить.

Используя ваш терминал из корневой папки вашего проекта Angular 5, выполните следующую команду: 

ng update

Это пример вывода этой команды:

Обновление базовых пакетов до Angular 6 Теперь вам нужно обновить базовые пакеты / зависимости до Angular 6. Просто выполните следующую команду: 

ng update @angular/core

Обновление RxJS Вы можете обновить RxJS с помощью команды ng update: 

ng update rxjs

Сначала проверьте ваши версии установленного Angular CLI и других зависимостей с помощью: 

ng --version
...