“ngserve”在双重安装后不起作用

Question

我曾经有 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

创建新项目时，它抱怨：

找不到模块“reflect-metadata”

那么问题出在哪里？

Answer 1

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

假设我们想将其固定为例如。

1.0.0-beta.15

。

因此您可以尝试固定

npm install -g [email protected]

中的版本并在您的

package.json

中将其固定为同一版本：

"angular-cli": "1.0.0-beta.15"

。然后运行

npm install --save-dev

。

目前，Angular CLI 可以在 NPM 上的

@angular/cli

（而不是

angular-cli

）下找到。以下是如何卸载旧版和安装最新版本 CLI 的文档链接。

Answer 2

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

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

Answer 3

尝试命令

npm start ng s

或

npm start

Answer 4

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

将此行放入文件 package.json 中以用于 start：

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

Answer 5

在 Ubuntu 上，首先执行以下操作：

npm install --save-dev

尝试：

sudo npm install -g @angular/cli

然后尝试：

ng serve

这将 100% 有效。

Answer 6

我使用了

ng serve --open

，它对我有用。

Answer 7

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

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

Answer 8

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

Answer 9

我也有同样的问题。我使用的是 Linux 机器，我通过使用

sudo

解决了这个问题

只需在

sudo

命令之前添加

ng serve

即可。例如：

sudo ng serve --port 6161

Answer 10

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

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

Answer 11

就我而言，

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

礼貌 - 如何在 Windows 上更新 npm？.

Answer 12

在 Ubuntu 中，请按照以下步骤操作：

sudo npm install --save-dev

sudo npm install -g @angular/cli

ng serve

这肯定会起作用。

Answer 13

它对我有用

1. 使用 Live Server 打开（如果使用 Index.html 或 app.component.html）
2. 输入 ngserve --open（在 VS Code 终端中）

更改将在 http://localhost:4200/

上可见

如果您使用 VS Code，则在 VS Code 中打开整个文件夹。

代码运行器无法工作 - “代码语言不受支持或定义”

希望对你有帮助:)

Answer 14

首次运行命令

npm i

这将下载依赖项。完成后，运行

ng serve

Answer 15

就我而言，如果您遇到此类问题：

1. 删除

   node_modules

   文件夹
2. 奔跑：

   npm install

3. 奔跑：

   ng serve

注意缺少模块的错误报告。 例如：如果错误显示类似

'abcd.module' is missing

的内容，则使用以下命令查找您的 Angular 项目版本：

1. 转到您的项目目录
2. 奔跑：

   ng --version

   你会看到很多模块，注意版本。如果大多数 就像版本12.2.13（例如），那么：
3. 奔跑：

   npm install @angular/[email protected]

   版本号非常重要。

然后运行：

ng serve

在 ubuntu 20.04 中，这对我来说总是有效

Answer 16

npm uninstall -g 角度-cli npm 缓存清理 npm install -g angular-cli@latest

还要检查系统环境变量 路径=>

1. C:\Users\AppData\Roaming 下午 ode_modules@angula