Angular和Nodejs的文件夹结构

时间:2018-04-05 04:56:39

标签: node.js angular

我打算创建一个应用程序来处理Angular5(前端),Nodejs(中端)和MongoDB(后端)。

以下是文件夹结构:

enter image description here

Package.json:“start”:“ng build& node server.js”

现在当我通过npm start启动应用程序时,它会抛出以下错误:

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

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

如果我将角度和节点代码放在同一个地方,它就可以正常工作。

但它看起来更笨拙,有点令人困惑。我不想妥协我的文件夹结构。

任何人都可以帮助实现应用程序在我喜欢的相同文件夹结构上工作吗?

提前致谢。

3 个答案:

答案 0 :(得分:0)

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

npm cache clean
npm -g i @angular/cli

答案 1 :(得分:0)

如果你使用angular cli来创建项目,那么在package.json中看起来有问题,(正如我在前面的回答中看到的那样)

如果已经使用安装,请首先卸载angular cli 在安装cli npm uninstall -g @angular/cli

之后npm install -g @angular/cli,然后是ng new [project name /folder name]
cd [project name /folder name]
ng serve --open
尝试一次。

答案 2 :(得分:0)

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

我意识到我使用快捷方式打开了VisualStudio Code的内部终端-该终端将终端打开到*项目的*根目录(就像大多数IDE一样)。该项目除了包含有问题的.angular-cli.json文件的Angular应用程序文件夹之外,还包含其他内容。我只需要CD到正确的文件夹,然后再次运行ng g c,一切就好了。

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

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