webpack dev未显示该应用程序

Question

我正在使用Angular Universal + CLI，我的package.json看起来像这样：

  "scripts": {
    "lint": "tslint \"src/**/*.ts\"",
    "test": "ng test",
    "pree2e": "webdriver-manager update",
    "e2e": "protractor",
    "build:prod": "ng build --prod && ngc && webpack",
    "start:dev":"webpack-dev-server --inline --progress",
    "production": "node dist/server.js"
  }

如果我运行npm run build：prod我的应用程序在localhost：4000上运行，并且运行npm。

但是如果我在应用程序完成后运行npm run start：dev并运行localhost：8080我只看到这个站点：

我想使用更改检测，但我总是需要从花费很多时间的所有内容构建。我怎么能这样做？

Answer 1

angular cli的目的是使用这些cli命令运行您的应用程序。首先尝试检查你的npm＆amp; cli版本（npm -v和ng -v）

如果您的ng -v显示了您的所有包，那么您应该运行ng build --prod而不是npm。 Ng使用npm构建你的应用程序，但没有传递相同的参数＆amp;参数。

安装了角度cli后（ng命令和angular @ cli模块），只需使用ng作为主命令行。仅使用npm进行软件包安装（npm i）