2017-03-02 82 views
0
的Angular2的WebPack分佈

我按照從Angular2 webpack tutorial的步驟,使用命令:如何運行在生產

npm run build 

將程序編譯成/dist文件夾。我現在想知道的是如何在生產環境中運行此分配?

我曾嘗試做如下:

cd /PATH_OF_MY_PROJECT/dist/ 
ng serve --host 0.0.0.0 --port 4201 

但我收到以下錯誤:

SyntaxError: Unexpected token = 
    at exports.runInThisContext (vm.js:54:16) 
    at Module._compile (module.js:375:25) 
    at Object.Module._extensions..js (module.js:406:10) 
    at Module.load (module.js:345:32) 
    at Function.Module._load (module.js:302:12) 
    at Module.require (module.js:355:17) 
    at require (internal/module.js:13:17) 
    at Object.<anonymous> (/usr/local/lib/node_modules/@angular/cli/models/config.js:3:18) 
    at Module._compile (module.js:399:26) 
    at Object.Module._extensions..js (module.js:406:10) 

有沒有人見過這個錯誤?

---- ---- UPDATE

好像更新節點版本7.7.0我擺脫了這個錯誤,但它不夠好,現在我得到:

Cannot read property 'config' of null 
TypeError: Cannot read property 'config' of null 
    at Class.run (/Users/anderustarroz/Sites/work/harris-partners/harris-face-frontend/node_modules/@angular/cli/tasks/serve.js:22:63) 
    at check_port_1.checkPort.then.port (/Users/anderustarroz/Sites/work/harris-partners/harris-face-frontend/node_modules/@angular/cli/commands/serve.js:103:26) 
    at process._tickCallback (internal/process/next_tick.js:103:7) 
+0

是否正常運行沒有的WebPack? –

+0

當我運行'npm start'時它工作得很好(dev版本) – Ander

+0

'npm start'通常會使用Webpack啓動項目。由於錯誤來自NodeJS進程,因此我會安裝一個simper服務器並對其進行測試以比較結果。試試'npm我-g http-server'和'cd dist'和'http-server'。 –

回答

0

我有固定的使用HTTP服務器我的問題:

npm install http-server --save 

並添加以下配置腳本節上的package.json

"scripts": { 
    "server:production": "http-server dist -c-1 --cors -p3000" 
    }, 

然後我就可以使用npm run運行服務器:

npm run server:production