服务器（ng服务）无法以角度2启动

时间：2017-07-17 10:08:29

标签： node.js angular angular2-template

我是角色2的新手。过去两天它工作得很好但是当我通过在命令提示符下键入ng serve来本地启动角度2项目时它无法正常工作。它抛出以下错误， `

0 info it worked if it ends with ok
1 verbose cli [ 'C:\\Program Files\\nodejs\\node.exe',
1 verbose cli   'C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js',
1 verbose cli   'start' ]
2 info using npm@3.10.8
3 info using node@v6.9.0
4 verbose run-script [ 'prestart', 'start', 'poststart' ]
5 info lifecycle demo@0.0.0~prestart: demo@0.0.0
6 silly lifecycle demo@0.0.0~prestart: no script for prestart, continuing
7 info lifecycle demo@0.0.0~start: demo@0.0.0
8 verbose lifecycle demo@0.0.0~start: unsafe-perm in lifecycle true
9 verbose lifecycle demo@0.0.0~start: PATH: C:\Program Files\nodejs\node_modules\npm\bin\node-gyp-bin;C:\Users\msuman\Desktop\work14th\node_modules\.bin;C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\;C:\Program Files\Google\Google Apps Sync\;C:\Program Files\Google\Google Apps Migration\;C:\Program Files (x86)\Brackets\command;C:\Program Files\nodejs\;C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\;C:\Program Files\Google\Google Apps Sync\;C:\Program Files\Google\Google Apps Migration\;C:\Program Files (x86)\Brackets\command;C:\Program Files\nodejs\;C:\Users\msuman\AppData\Roaming\npm
10 verbose lifecycle demo@0.0.0~start: CWD: C:\Users\msuman\Desktop\work14th
11 silly lifecycle demo@0.0.0~start: Args: [ '/d /s /c', 'ng serve' ]
12 silly lifecycle demo@0.0.0~start: Returned: code: 1  signal: null
13 info lifecycle demo@0.0.0~start: Failed to exec start script
14 verbose stack Error: demo@0.0.0 start: `ng serve`
14 verbose stack Exit status 1
14 verbose stack     at EventEmitter.<anonymous> (C:\Program Files\nodejs\node_modules\npm\lib\utils\lifecycle.js:255:16)
14 verbose stack     at emitTwo (events.js:106:13)
14 verbose stack     at EventEmitter.emit (events.js:191:7)
14 verbose stack     at ChildProcess.<anonymous> (C:\Program Files\nodejs\node_modules\npm\lib\utils\spawn.js:40:14)
14 verbose stack     at emitTwo (events.js:106:13)
14 verbose stack     at ChildProcess.emit (events.js:191:7)
14 verbose stack     at maybeClose (internal/child_process.js:877:16)
14 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:226:5)
15 verbose pkgid demo@0.0.0
16 verbose cwd C:\Users\msuman\Desktop\work14th
17 error Windows_NT 6.1.7600
18 error argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "start"
19 error node v6.9.0
20 error npm  v3.10.8
21 error code ELIFECYCLE
22 error demo@0.0.0 start: `ng serve`
22 error Exit status 1
23 error Failed at the demo@0.0.0 start script 'ng serve'.
23 error Make sure you have the latest version of node.js and npm installed.
23 error If you do, this is most likely a problem with the demo package,
23 error not with npm itself.
23 error Tell the author that this fails on your system:
23 error     ng serve
23 error You can get information on how to open an issue for this project with:
23 error     npm bugs demo
23 error Or if that isn't available, you can get their info via:
23 error     npm owner ls demo
23 error There is likely additional logging output above.
24 verbose exit [ 1, true ]

`

以下是命令提示错误的屏幕截图

enter image description here

enter image description here 我尝试了一切，但无法完成。 请你帮我这个吗？

提前致谢。

这里是angular-cli的内容

`

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "project": {
    "name": "demo"
  },
  "apps": [
    {
      "root": "src",
      "outDir": "dist",
      "assets": [
        "assets",
        "favicon.ico"
      ],
      "index": "index.html",
      "main": "main.ts",
      "polyfills": "polyfills.ts",
      "test": "test.ts",
      "tsconfig": "tsconfig.app.json",
      "testTsconfig": "tsconfig.spec.json",
      "prefix": "app",
      "styles": [
        "styles.css",
        "../node_modules/ion-rangeslider/css/ion.rangeSlider.css",
        "../node_modules/ion-rangeslider/css/ion.rangeSlider.skinFlat.css",
        "../node_modules/bootstrap/dist/css/bootstrap.min.css",
        "../node_modules/materialize-css/dist/css/materialize.min.css",
        "../src/assets/js/bootstrap-slider/bootstrap-slider.min.css"
      ],
      "scripts": [
        "../node_modules/jquery/dist/jquery.min.js",
        "../node_modules/ion-rangeslider/js/ion.rangeSlider.min.js",
        "../src/assets/js/bootstrap-slider/bootstrap-slider.min.js",
        "../src/assets/js/slider.js",
        "../node_modules/materialize-css/dist/js/materialize.min.js",

      ],
      "environmentSource": "environments/environment.ts",
      "environments": {
        "dev": "environments/environment.ts",
        "prod": "environments/environment.prod.ts"
      }
    }
  ],
  "e2e": {
    "protractor": {
      "config": "./protractor.conf.js"
    }
  },
  "lint": [
    {
      "project": "src/tsconfig.app.json"
    },
    {
      "project": "src/tsconfig.spec.json"
    },
    {
      "project": "e2e/tsconfig.e2e.json"
    }
  ],
  "test": {
    "karma": {
      "config": "./karma.conf.js"
    }
  },
  "defaults": {
    "styleExt": "css",
    "component": {}
  }
}

`

1 个答案:

答案 0 :(得分：3)

问题在于JSON中的scripts键，因为JSON规范不允许使用尾随逗号。

"scripts": [
    "../node_modules/jquery/dist/jquery.min.js",
    "../node_modules/ion-rangeslider/js/ion.rangeSlider.min.js",
    "../src/assets/js/bootstrap-slider/bootstrap-slider.min.js",
    "../src/assets/js/slider.js",
    "../node_modules/materialize-css/dist/js/materialize.min.js",

]

只需删除空白行和行尾的逗号，就像下面的代码段一样。

"scripts": [
    "../node_modules/jquery/dist/jquery.min.js",
    "../node_modules/ion-rangeslider/js/ion.rangeSlider.min.js",
    "../src/assets/js/bootstrap-slider/bootstrap-slider.min.js",
    "../src/assets/js/slider.js",
    "../node_modules/materialize-css/dist/js/materialize.min.js"
]
相关问题
最新问题