【问题标题】:Installed npm globally, still for each Angular Project It is giving me ERROR to install it again全局安装 npm,仍然针对每个 Angular 项目再次安装它给我错误
【发布时间】:2017-07-18 20:35:40
【问题描述】:

我最近开始学习 Angular 4。如教程中所述,我安装了 nodejs,然后安装了 angular 4 cli 并创建了一个项目以开始工作。我做了同样的事情,看起来很完美,但是当我使用 ng serve --open 运行本地服务器时。它给了我以下错误:

我已经通过在我的 Angular 应用目录中再次安装 npm 解决了这个问题。

现在我要创建一个新的应用程序,它会给出相同的错误,我不想为每个项目一次又一次地安装 npm(这个问题也可以通过将 node_modules 文件夹从第一个应用程序根目录复制到新应用程序)因为我处于学习阶段,所以我需要为我学到的每一个新事物创建一个新项目。

更新: 我正在使用 Windows 8.1、最新版本的 Nodejs v8.1.4(也尝试过 LTS)、npm 版本 5.0.3 和 Visual Studio Code。一切安装完美,没有任何错误。

【问题讨论】:

  • 你安装了github.com/angular/angular-cli 吗?
  • 是的,我已经使用 npm install -g @angular/cli 安装了 Angular-cli
  • 检查您的package.json 并查看ng serve --open 的内容
  • 如果我在应用程序根目录中使用 npm install 或将 npm_module 文件夹从现有应用程序复制并粘贴到新应用程序目录中,一切正常。
  • { "name": "quiz", "version": "0.0.0", "license": "MIT", "scripts": { "ng": "ng", "start ": "ng serve", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e" },

标签: node.js angular npm angular-cli


【解决方案1】:

使用@angular/cli 创建的任何新项目都不会提供开箱即用的 node_modules。你必须在你创建的每一个项目中运行npm install。 (React CLI "create-react-app" 不是这种情况。)每个新项目创建都会生成包 json 文件。所以只需在根文件夹中运行npm install

不要复制任何现有项目的 node_modules 文件夹。它可能具有您在新项目中可能不需要的开发/生产依赖项,所以为什么要保留垃圾。

由 CLI 在您的应用文件夹中创建的最小包 json 具有以下脚本:

  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },

所以,如果你这样做 npm startng serve 两者都会做同样的事情。

【讨论】:

  • 当你使用 ng new 创建一个新项目时,它的根目录下plcae中是否有node_modules文件夹?
  • 不,默认情况下它不会创建 node_module 文件夹。如果我从任何现有项目中复制并粘贴该文件夹,一切正常。
  • 好的,应该是那里创建了package.json吧?发现今天报告了类似的问题。看到这个:stackoverflow.com/questions/45156751/…
  • 是的,package.json 是在应用根目录下创建的。
猜你喜欢
  • 2022-12-14
  • 2018-01-24
  • 1970-01-01
  • 1970-01-01
  • 2023-03-11
  • 2021-06-19
  • 2011-08-24
  • 1970-01-01
  • 2014-01-09
相关资源
最近更新 更多