Angular 4 - 如何修复部署后的白屏问题

Question

我使用以下命令部署我的Angular4应用：

ng build --progress --optimization --stats-json --verbose --build-optimizer --aot --configuration=prod
但在某些情况下，屏幕会变白，并且控制台会显示：
Uncaught SyntaxError: Unexpected token < main.abf....js:1
当我查看页面源代码时，main.abf....js文件不存在。我在Chrome的隐身标签页中打开该页面，它可以正确加载，而加载的main.js文件是另一个文件，如下所示：main.222aa2da0bf59086f2ba.js

- M.ah

Answer 1

看起来你的浏览器正在缓存文件，而隐身模式不会从缓存中加载。你可以尝试将"--output-hashing=all"标志添加到构建中，以在更改时使您的文件无法缓存。尝试将ng build更改为以下内容：

ng build --progress --optimization --stats-json --verbose --build-optimizer --aot --configuration=prod --output-hashing=all

- John Graham