Angular2 - 无法在生产环境中部署

时间:2017-03-01 14:31:03

标签: angular

免责声明:我是网络开发的初学者/ Angular2(我在互联网上搜索过)

我使用angular-cli创建了一个Angular2项目。 我只是不明白为什么我无法让它在生产中运行。

让我假装我有最简单的应用程序,这些是步骤:

  • ng new name_of_my_app
  • ng serve

(一切都在本地,在4200端口运行完美;默认显示“app works!”)

  • ng build

(创建包含以下文件的dist文件夹:

- favicon.ico
- index.html
- inline.bundle.js
- inline.bundle.map
- main.bundle.js
- main.bundle.map
- styles.bundle.js
- styles.bundle.map

此时,正如许多人所建议的那样,我只是在我的网络服务器上复制了dist文件夹的内容,但没有任何反应:index.html只显示“正在加载......”。

在本地,使用任何浏览器打开index.html,结果都是相同的:显示“正在加载...”。

1 个答案:

答案 0 :(得分:0)

您的index.html可能会说像......

<component>
  loading .. 
</component>

此处显示文本加载,直到加载组件。听起来它无法加载组件。路径问题可能吗?您是否在生产中设置了正确的基本路径?

例如......

此处所有请求都将以此路径为前缀,这可能是您想要的,也可能不是。

检查您的浏览器的NET选项卡,查看是否有任何请求失败(找不到404)。如果是,请修复失败请求的路径。