【问题标题】:Error in ng serve after installing npm angular/cli安装 npm angular/cli 后 ng serve 出错
【发布时间】:2017-12-08 16:59:39
【问题描述】:

我是学习 nodejs 和 Angular 的初学者。我已经安装了节点并创建了一个运行良好的节点项目。然后我做了“npm install -g angular-cli”,然后当我做“ng serve”时我做了新客户端和内部客户端,我收到以下错误:

The "@angular/compiler-cli" package was not properly installed.
Error: The "@angular/compiler-cli" package was not properly installed.
    at Object.<anonymous> (C:\Users\Subhasree\AppData\Roaming\npm\node_modules\angular-cli\node_modules\@ngtools\webpack\src\index.js:14:11)
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (C:\Users\Subhasree\AppData\Roaming\npm\node_modules\angular-cli\models\webpack-configs\typescript.js:3:17)
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (C:\Users\Subhasree\AppData\Roaming\npm\node_modules\angular-cli\models\webpack-configs\index.js:9:10)
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (C:\Users\Subhasree\AppData\Roaming\npm\node_modules\angular-cli\models\webpack-config.js:4:25)
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (C:\Users\Subhasree\AppData\Roaming\npm\node_modules\angular-cli\tasks\serve.js:11:24)
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (C:\Users\Subhasree\AppData\Roaming\npm\node_modules\angular-cli\commands\serve.run.js:6:15)
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Class.run (C:\Users\Subhasree\AppData\Roaming\npm\node_modules\angular-cli\commands\serve.js:67:16)
    at Class.<anonymous> (C:\Users\Subhasree\AppData\Roaming\npm\node_modules\angular-cli\ember-cli\lib\models\command.js:134:17)
    at process._tickCallback (internal/process/next_tick.js:109:7)

【问题讨论】:

  • 我从昨天开始多次尝试使用“npm install -g angular-cli”和“npm install -g @angular/cli”进行安装,但每次“ng serve”都会出现同样的错误。

标签: node.js angular npm


【解决方案1】:

您可能有旧版本。

在此处查看说明,看看是否有帮助:https://github.com/angular/angular-cli/wiki/stories-1.0-update

步骤基本上是:

  1. 卸载旧版本
  2. 必要时更新节点/npm
  3. 安装新版本

该链接提供了每个步骤的详细信息以及相应的命令。

【讨论】:

  • 谢谢。我完成了上述所有步骤。现在 "ng --version" 给出 @angular/cli: 1.2.0 node: 6.10.3 os: win32 x64 @angular/cli: 1.2.0 ng new testapp : 给出“你不能在 Angular CLI 项目中使用新命令。”现在是什么错误。
  • 您所在的文件夹已经包含一个 Angular 项目。只需创建一个不同的文件夹,导航到该文件夹​​,然后重试。
  • 你在哪里可以成功创建项目?
【解决方案2】:

运行这两个命令:

npm uninstall --save-dev angular-cli
npm install --save-dev @angular/cli@latest

【讨论】:

    【解决方案3】:

    这是一个简单的解决方案,它就像魅力一样。

    • cd 进入你的项目目录cd client

    • 运行npm installyarn install,等待它成功执行

    • 运行您的ng serve

    我希望这会有所帮助并且更容易

    【讨论】:

      【解决方案4】:

      尝试运行:npm install --save-dev @angular/cli@latest

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2017-06-12
        • 2020-12-19
        • 2018-11-10
        • 2023-03-29
        • 1970-01-01
        • 1970-01-01
        • 2020-01-31
        • 2017-07-07
        相关资源
        最近更新 更多