Question

我正在使用最新版本的angular-cli。如果我理解正确，我可以使用ng build来获取js表示中的编译项目。在/ dist文件夹中，默认情况下根据文档。

我是JS的新手，所以我简直无法理解如何启动项目...

命令工作正常，我可以在文件夹中找到一堆文件，但是如何按预期启动项目（就像在带有ts文件的开发模式下）？我的意思是简单地启动index.html只是向我显示一个“正在加载...”文本，但是应用程序没有启动它的预期。

请帮助。谢谢！

Answer 1

您需要一个网络服务器。只需将/ dist文件夹的内容复制到网络服务器根目录即可。

你的目标是什么？ Ng构建旨在创建应用程序的可分发版本，ng服务用于本地开发。

Answer 2

即使您从一个文件中运行该应用程序，并且使用基本的href等，但有些事情可能无效（可能是AJAX等）。

dist文件夹旨在与服务器一起使用。

如果您只想浏览应用程序，无论文件是什么，您都可以运行ng serve，这将在http://localhost:4200处为应用程序提供内存（速度），并且会坐下来观看进行更改，并在制作时更新页面。

完成开发后，运行ng build，然后将dist文件夹的内容带到服务器。

Answer 3

执行此命令

ng build -prod

还在environments/environment.ts文件中设置了属性"production":true

export const environment = {
  production: true
};

这将创建一个dist文件夹，随时可以部署

Answer 4

有新的angular-cli工具，安装

逐一执行这些......

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

我完全删除了node_modules目录（rm -rf node_modules dist），生成一个新项目，并通过ng new temp比较package.json，angular-cli.json等文件比较＆amp;更改了package.json以匹配＆＃34;依赖关系＆＃34;和＆＃34; devDependencies＆＃34;。修复了angular-cli.json文件，以了解环境配置的变化。

在ng serve

之后运行npm install

Angular CLI，ng build命令无法正确编译

4 个答案: