Angular 和 Nodejs 的文件夹结构答案

【问题标题】：Folder structure for Angular and NodejsAngular 和 Nodejs 的文件夹结构
【发布时间】：2019-06-26 15:08:48
【问题描述】：

我将创建一个处理 Angular5（前端）、Nodejs（中间端）和 MongoDB（后端）的应用程序。

下面是文件夹结构：

Package.json: "start": "ng build & node server.js"

现在当我通过 npm start 启动应用程序时，它会引发以下错误：

“在.angular-cli.json 中找不到任何应用。”

我希望节点服务器正在寻找这个文件来加载角度代码。但它位于 angular 文件夹中。

如果我将角度代码和节点代码放在同一个地方，效果会很好。

但它看起来更笨拙，有点混乱。我不想妥协我的文件夹结构。

任何人都可以帮助实现该应用程序在我希望的相同文件夹结构上运行吗？

提前致谢。

【问题讨论】：

您能发布您的 angular-cli.json 内容吗？
你能检查你的父目录中是否有另一个包 .json 或 .angular-cli.json 吗？在某些情况下，这可能会导致项目检测出现问题
@Arash 请找到 angular.cli.json 代码：{ "$schema": "./node_modules/@angular/cli/lib/config/schema.json", "project": { “名称”：“角度”}，“应用程序”：[{“根”：“src”，“outDir”：“dist”，“资产”：[“资产”，“favicon.ico”]，
“index”：“index.html”，“main”：“main.ts”，“polyfills”：“polyfills.ts”，“test”：“test.ts”，“tsconfig ": "tsconfig.app.json", "testTsconfig": "tsconfig.spec.json", "prefix": "app", "styles": [ "styles.css" ],
这就是它不起作用的原因，因为 .angular-cli.json 文件位于 angular 文件夹内，而您试图从父文件夹运行。您需要将该文件放在 mean 文件夹中并更改 angular-cli.json 文件中的所有必需路径

标签： node.js angular

【解决方案1】：

可能是您的全局@angular/cli 安装损坏了。您可以尝试清理缓存并重新安装..

npm cache clean
npm -g i @angular/cli

【讨论】：

我已经完成了。但仍然没有运气。收到相同的错误“无法在 .angular-cli.json 中找到任何应用程序。”

【解决方案2】：

如果您使用 angular cli 创建项目，那么在 package.json 中看起来有问题，（正如我看到您对上一个答案的评论）

如果已经安装，请先卸载 angular cli npm uninstall -g @angular/cli，然后是npm install -g @angular/clicli安装后ng new [project name /folder name]

cd [project name /folder name]
ng serve --open

尝试一次。

【讨论】：

角度工作正常。但我的问题是如何将它与节点结合起来，因为角度和节点都有 node_modules 文件夹和 package.json 文件。在帖子中查看我的文件夹结构。我想知道这种结构是可行的还是好的？

【解决方案3】：

我在当前的项目中遇到了同样的错误并且很困惑，因为我在一个终端中运行应用程序/ng serve，但是当我尝试从另一个终端生成组件时得到了这个。 .angular-cli.json 已经存在并且正确。那么是什么给出的呢？

我意识到我使用快捷方式打开了 VisualStudio Code 的内部终端——它将终端打开到项目的 *root *（与大多数 IDE 一样）。除了包含 .angular-cli.json 文件的 Angular 应用程序文件夹之外，该项目还包含其他内容。我只需要 cd 到正确的文件夹并再次运行 ng g c 就可以了。

就我而言，这只是一个愚蠢的错误。我想我会回来分享，以免人们为如此简单的事情而头疼。我看到 Shiva 实际上已经在上面提到了这一点，但我想我会提供更多细节，以免被忽视。

参考网址：How to generate .angular-cli.json file in Angular Cli?

【讨论】：