2016-02-07 18 views
10

Sono nuovo in Angular2 e sto seguendo il tutorial heros da documenti. Sto vivendo un'esperienza di sviluppo piuttosto lenta con angular2. Occorrono circa 5 secondi per angular2 per rilevare le modifiche nel file, quindi i prossimi 30-40 secondi per ricaricare la pagina.Aggiornamento automatico lento della pagina Angular2 nello sviluppo locale - Windows

[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) 

Anche se questo tempo può sembrare non significativo, ma quando devo apportare modifiche regolari e controllare l'output, inizia a sommarsi.

Qualche suggerimento perché angular2 è lento nello sviluppo .. ??

+0

Qualsiasi motivo per cui qualcuno ha votato la mia domanda ... ??? Sto sviluppando applicazioni angular2 e sto ottenendo prestazioni troppo lente nello sviluppo e voglio un modo per velocizzarlo ... – hhsadiq

risposta

6

Problema

Il problema non era con angular2, invece era con Windows/Antivirus come erano rallentando node.js a causa della loro misure cosiddette di sicurezza.

Soluzione

  • Disabilita protezione in tempo reale da Windows Defender (o qualsiasi altro antivirus), in quanto rallenta node.js
  • console
  • Run (o gitbash se si utilizza tale) come amministratore
  • Usa SSD guidare

Soluzione definitiva

I problemi costanti di prestazioni e moduli del nodo non vengono installati, mi hanno costretto a completamente scavare Windows. E il giorno in cui ho spostato l'esperienza di sviluppo mac, nodo e angolare era WAY migliore, la differenza era come la notte oscura e la piena-solare-lucente-ampia giornata.

Maggiori dettagli

Leggere questo excellent answer per ottenere più dettagli.

+4

L'abbandono delle finestre risolve tutto apparentemente. Ha riportato mia moglie. –

1

Si può anche provare ad avere lite-server non monitorare la directory node_modules. Vedi qui per le istruzioni di configurazione: https://github.com/johnpapa/lite-server

  • Aggiungi un bs-config.json al progetto e specificare i file da guardare per una ricarica

    { 
    "port": 8000, 
    "files": ["./app/**/*.{html,htm,css,js}", "./*.{html,css,js,json}"], 
    "server": { "baseDir": "./" } 
    } 
    
  • Aggiungere il file di configurazione per la vostra partenza in packages.json

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