Angular：创建Angular项目时出现ng new错误

Question

我在使用ng new 项目名称命令时遇到了以下错误：

找到了一个无效的配置文件['angular.json']。请在运行命令之前删除该文件。

我不知道如何解决这个错误。

我尝试卸载了@angular/cli并重新安装，但问题依旧。

npm clean cache也没有起作用（我不确定是否是因为我的npm版本问题）。

npm version is 6.4.1    
node version is 8.11.1

我需要什么来解决这个问题？

- David

---

错误就是它所说的。你确定当前目录或父目录中没有 angular.json 文件吗？ - Estus Flask

在执行 ng new project_name 命令后，你是否在开始 npm 之前使用了 cd project_name 命令？ - Abhishek Ekaanth

Answer 1

如果您在IntelliJ IDEA终端中导入了一个angular项目，而此时终端无法正常工作，那么这是IDEA的问题。因此，请打开Windows命令提示符并创建项目。

我这样做了，就能够成功创建项目。

- Aashman Thing

Answer 2

问题似乎出现在project_name中的_，导致了以下错误：

Schematic input does not validate against the Schema: {"name":"project_name","version":"6.0.1","newProjectRoot":"projects","skipInstall":false,"linkCli":false,"skipGit":false,"commit":null}
Errors:

  Data path ".name" should match format "html-selector".

用 - 替换 _。

进一步阅读：

• 使用 Angular-CLI 6.1.2 创建新项目时出错
• 样式指南

- pzaenger

---

ng new cvfrontend：我曾经遇到过同样的问题，但是我以前可以创建带有下划线字符的名称。你需要什么来展示我的配置？ - Dave

ng -v 会输出什么信息？ng new foo && cd foo && npm i && npm start 能正常工作吗？ - pzaenger

Answer 3

在IntelliJ的Karma任务中设置工作目录为Angular项目的主目录，也可以解决这个问题。

- Stefan

Answer 4

我在 c:\users\XXX\.angular.json 文件中删除了内容，现在一切正常运行。

- Dave

Answer 5

Angular.js与错误方向。

首先，打开根文件夹中的一个名为 angular.js 的文件。

检查是否添加了一些错误的目录。比如样式或类似的东西，例如：

假设您添加了Bootstrap依赖项，并希望将其添加到您的项目中，您将转到angular.js并将其添加到样式配置中。所以您将如下添加：

 "styles": [
              "./node_modules/bootstrap/dist/css/bootstrap.min.css",
              "src/styles.css"
            ],

检查您的路径是否添加了双点 .. 而不是一个点，如下所示：

"../node_modules/bootstrap/dist/css/bootstrap.min.css",

或者您可以按照以下格式添加：

"/node_modules/bootstrap/dist/css/bootstrap.min.css",

或者

"node_modules/bootstrap/dist/css/bootstrap.min.css",

正确的格式是：

 "./node_modules/bootstrap/dist/css/bootstrap.min.css",

- Abd Abughazaleh

Answer 6

如果文件被隐藏，请运行以下命令。打开终端，运行mv /Users/shivammishra/.angular.json /Users/shivammishra/angular.json.txt。mv命令将文件移动到新位置（angular.json.txt），然后您可以删除它。

- shivam mishra