为什么在没有Grunt的情况下运行生成的Angular index.html会显示空页？

Question

我生成了一个Angular应用程序，当我运行grunt server时，它可以工作（显示默认页面）但是当我浏览文件并双击index.html时，我得到一个空页面（灰色背景除外）

为什么？是不是只有JS / CSS / HTML？

Answer 1

根据您的设置，某些文件通常需要转换 - 例如，您的样式可能在罗盘或SASS中，需要转换为常规css。 Grunt处理您需要的所有各种转换（以及启动静态页面服务器）。

在浏览器中查看您的控制台错误日志，我敢打赌您会看到一些“无法加载资源”错误 - 例如，css文件可能不存在（当您尝试运行索引时）。直接html）。

顺便说一下，你可以运行：

grunt build

这将创建一个新的目录“dist”，其中所有内容都已转换并准备好分发 - 这样的声音可能就是您正在寻找的内容。