Angular2 медленное автоматическое обновление страницы в локальной разработке - Windows

Я новичок в angular2 и следуя учебному посоку heros из документов. Я переживаю довольно медленный опыт разработки с помощью angular2. Для обнаружения изменений в файле требуется около 5 секунд для angular2, а затем через 30-40 секунд для перезагрузки страницы.

[0] 8:08:12 PM - File change detected. Starting incremental compilation...
[0] app/hero-detail.component.ts(2,8): error TS1192: Module '"app/app.component"' has no default export.
[0] 8:08:16 PM - Compilation complete. Watching for file changes.
[1][BS] File changed: app\app.component.js
[1] [BS] File changed: app\hero-detail.component.js
[1] [BS] File changed: app\main.js
[1] 16.02.07 20:08:39 304 GET /./index.html (Unknown - 8551ms)
[1] 16.02.07 20:08:45 304 GET /./index.html (Unknown - 1145ms)
[1] 16.02.07 20:08:45 304 GET /node_modules/es6-shim/es6-shim.min.js (Unknown - 384ms)
[1] 16.02.07 20:08:45 304 GET /node_modules/systemjs/dist/system-polyfills.js (Unknown - 393ms)
[1] 16.02.07 20:08:45 304 GET /node_modules/angular2/bundles/angular2-polyfills.js (Unknown - 399ms)
[1] 16.02.07 20:08:46 304 GET /node_modules/systemjs/dist/system.src.js (Unknown - 906ms)
[1] 16.02.07 20:08:46 304 GET /node_modules/rxjs/bundles/Rx.js (Unknown - 911ms)
[1] 16.02.07 20:08:47 304 GET /node_modules/es6-shim/es6-shim.min.js (Unknown - 962ms)
[1] 16.02.07 20:08:47 304 GET /node_modules/systemjs/dist/system-polyfills.js (Unknown - 967ms)
[1] 16.02.07 20:08:47 304 GET /node_modules/angular2/bundles/angular2.dev.js (Unknown - 972ms)
[1] 16.02.07 20:08:47 304 GET /node_modules/angular2/bundles/angular2-polyfills.js (Unknown - 977ms)
[1] 16.02.07 20:08:48 304 GET /node_modules/systemjs/dist/system.src.js (Unknown - 1429ms)
[1] 16.02.07 20:08:48 304 GET /node_modules/rxjs/bundles/Rx.js (Unknown - 1431ms)

Хотя это время может показаться несущественным, но когда мне приходится делать регулярные изменения и проверять вывод, он начинает складываться.

Любые предложения, почему angular2 медленно развивается..??

Ответ 1

Проблема

Проблема была не с angular2, а с Windows/Antivirus, поскольку они замедляли node.js из-за их так называемых мер безопасности.

Решение

  • Отключить защиту в реальном времени от защитника Windows (или любого другого антивируса), поскольку он замедляется node.js
  • Запустите консоль (или gitbash, если вы ее используете) в качестве администратора
  • Использование накопителя SSD

Окончательное решение

Постоянные проблемы производительности и node модули, которые не установлены, заставили меня полностью отключить Windows. И в тот день, когда я перешел на Mac, опыт разработки node и angular был лучше WAY, разница была похожа на темную ночь и полно солнечный-блестящий-широкий день.

Подробнее

Прочтите этот отличный ответ, чтобы получить более подробную информацию.

Ответ 2

Вы также можете попробовать lite-server не отслеживать каталог node_modules. См. Здесь инструкции конфигурации: https://github.com/johnpapa/lite-server

  • Добавьте bs-config.json в свой проект и укажите файлы для просмотра перезагрузки

    {
    "port": 8000,
    "files": ["./app/**/*.{html,htm,css,js}", "./*.{html,css,js,json}"],
    "server": { "baseDir": "./" }
    }
    
  • Добавьте конфигурационный файл к вашему запуску в packages.json

    {
      ...
      "scripts": {
        ...
        "lite": "lite-server -c bs-config.json",
    

Ответ 3

Вы можете запустить параметр add --aot, например

ng serve --aot