如何在生产中运行Angular2 webpack发行版

时间:2017-03-02 00:22:00

标签: angular 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)

以前有人见过这个错误吗?

----更新----

似乎更新节点版本为 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)

1 个答案:

答案 0 :(得分:0)

我已使用 http-server 修复了我的问题:

npm install http-server --save

将以下配置添加到 package.json

上的脚本部分
  "scripts": {
    "server:production": "http-server dist -c-1 --cors -p3000"
  },

然后我可以使用npm run运行服务器:

npm run server:production