双重安装后“ng serve”不起作用答案

【问题标题】：'ng serve' does not work after a double install双重安装后“ng serve”不起作用
【发布时间】：2017-02-08 00:13:17
【问题描述】：

我以前有 Angular CLI，但我错误地再次安装了它

npm install -g angular-cli

现在当我运行 ng serve 时，它会抱怨：

您似乎正在使用使用旧版本的 Angular CLI 生成的项目。

最新的 CLI 现在使用 webpack 并包含许多改进，包括一个更简单的工作流程、更快的构建和更小的捆绑包。

要获取更多信息，包括升级 CLI 的分步指南，请点击以下链接： https://github.com/angular/angular-cli/wiki/Upgrading-from-Beta.10-to-Beta.12

当我尝试在另一个目录中使用 ng new 创建一个新项目时，它会抱怨：

找不到模块“反射元数据”

那么问题出在哪里？

【问题讨论】：

试试npm uninstall -g angular-cli & npm cache clear。然后再次安装全局 CLI。
不起作用。我试过了
我在更新 git for windows 后遇到了同样的问题。重新安装 CLI 包有帮助。更改系统 PATH 变量后不要忘记重新启动控制台。
请使本地和全局版本的cli相同。
我已经安装了所有必需的软件，可以通过检查它们的版本来验证，但ng serve 仍然不起作用，只会再次显示新的提示。我该怎么办？这发生在一个我已经工作了一段时间的项目上，出乎意料...

标签： angular angular-cli

【解决方案1】：

我认为您可能使用的是旧版本的 Angular CLI。您可以通过以下命令重新安装最新版本。

npm uninstall -g angular-cli
npm cache clean
npm install -g angular-cli@latest

【讨论】：

小心，这是全局修改，可能你只想修复1个项目。

【解决方案2】：

关键是让 global 和 local Angular-cli 版本相同。

假设我们想将它固定到例如。 1.0.0-beta.15.

因此，您可以尝试将npm install -g angular-cli@1.0.0-beta.15 和package.json 中的版本固定为相同的版本："angular-cli": "1.0.0-beta.15"。然后运行npm install --save-dev。

目前 Angular CLI 可以在 NPM 上的 @angular/cli 下找到，而不是 angular-cli。以下是有关如何使用 uninstall old 和 install the latest 版本的 CLI 的文档的链接。

【讨论】：

好吧，你必须同时拥有 - 一个在项目的 node_modules 中，另一个在你的 Node.js node_modules 中全局。 CLI 就是这样工作的。
您可以通过删除版本字符串前面的^ 字符来将package.json 中的Angular 框架版本固定到RC5 - 如果您愿意的话。

【解决方案3】：

我也遇到过这个问题，现在解决了：

将此行放入文件 package.json 以供 start：

"start": "ng serve --host 0.0.0.0 --port 4201"

【讨论】：

【解决方案4】：

我使用了ng serve --open，它对我有用。

【讨论】：

【解决方案5】：

尝试命令

npm start ng s

或

npm start

【讨论】：

检查您提供的不是空白页 :-)
这有助于我进行故障排除。当我运行“npm start”时，它表明我在尝试运行 ng 命令时收到“访问被拒绝”错误。原来我的公司阻止了 ng.exe。
解释一下。例如，它应该完成什么？为什么有必要？想法/要点是什么？应该在什么情况下使用？来自the Help Center：“...总是解释为什么你提出的解决方案是合适的以及它是如何工作的”。请通过editing (changing) your answer 回复，而不是在 cmets 中（without "Edit:"、"Update:" 或类似的 - 答案应该看起来像是今天写的)。

【解决方案6】：

我几乎尝试了所有方法，但这个对我有用：

转到：

C:\Users\<profile_name>\AppData\Roaming\npm\node_modules\@angular\cli\bin\ng

别忘了 ng 最后

那就试试吧：

ng -v（显示ng的版本）

【讨论】：

在Windows，大概？
为什么让它显示版本信息能完成任何事情？这样做是否会对系统状态产生一些（积极的）副作用？这个故事就没有更多了吗？请通过editing (changing) your answer 回复，而不是在 cmets 中（without "Edit:"、"Update:" 或类似的 - 答案应该看起来像是今天写的)。
这只是将您当前的 ng 版本输出到控制台。投反对票。

【解决方案7】：

在Ubuntu，首先做：

npm install --save-dev

试试：

sudo npm install -g @angular/cli

然后尝试：

ng serve

这将 100% 有效。

【讨论】：

不建议使用“sudo”进行全局安装，否
在哪个版本的 Ubuntu 上进行了测试？请通过editing (changing) your answer 回复，而不是在 cmets 中（without "Edit:"、"Update:" 或类似的 - 答案应该看起来像是今天写的)。

【解决方案8】：

npm install -g @angular/cli
cd "yourProjectName"
ng serve -o

【讨论】：

解释一下。例如，想法/要点是什么？它与某些标准程序有什么不同吗？为什么会有所不同？来自the Help Center：“...总是解释为什么你提出的解决方案是合适的以及它是如何工作的”。请通过editing (changing) your answer 回复，而不是在 cmets 中（without "Edit:"、"Update:" 或类似的 - 答案应该看起来像是今天写的)。

【解决方案9】：

试试下面的代码。这对我有用。

npm uninstall -g angular-cli
npm install --cache/tmp/empty-cache
ng serve

【讨论】：

【解决方案10】：

就我而言，

我使用的是更高版本的 Angular (8+)，它与 Node.js 版本 v8.11.3 不兼容。我什至得到了退出状态代码 3。所以我使用 Windows MSI 安装程序安装了它，它升级了我的 Node.js 版本。

礼貌 - How can I update npm on Windows?。

【讨论】：

【解决方案11】：

我有同样的问题。我用的是Linux机器，我用sudo解决了这个问题

只需在您的ng serve 命令前添加sudo。例如：

sudo ng serve --port 6161

【讨论】：

【解决方案12】：

切换到您的项目并尝试以下代码：

npm i https://github.com/Qix-/node-error-ex <br/>
npm install <br/>
ng serve --open

【讨论】：

【解决方案13】：

在Ubuntu 中，执行以下步骤：

sudo npm install --save-dev

sudo npm install -g @angular/cli

ng serve

这肯定行得通。

【讨论】：

不行，app没有启动服务，只是再次显示提示
@3xCh1_23 我也有同样的问题；该应用程序不提供服务，只是再次显示提示。你是怎么解决这个问题的？