search

ant-design / ant-design-pro

👨🏻‍💻👩🏻‍💻 Use Ant Design like a Pro!
https://pro.ant.design
MIT License
36.34k stars 8.14k forks source link

🧐[问题 | question]build后首次白屏的问题，headScripts 中设置了loading.js #11288

Open echoyl opened 2 months ago

echoyl commented 2 months ago

已经在config中设置了 headScripts 的loading.js 这个loading.js 会在构建后的index.html 的head标签里面，这个时候 const _root = document.querySelector('#root')的_root是没有的，所以不会执行loading。需要把这个loading的js放到dom后面才会执行。 问下这个有什么解决方法吗？ 如果设置在 config的 scripts 中 这个js虽然被放到了body里面 但是是在 umi.js 后面还是要等它加载完才会执行，所以还是无效。

ali-upgrade commented 1 month ago

我们也遇到了这个问题：在开启umi的分包策略之后
codeSplitting: { jsStrategy: 'granularChunks', }, build产物之后，不出现loading效果了，打印loading.js时拿不到_root

echoyl commented 1 month ago

我们也遇到了这个问题：在开启umi的分包策略之后 codeSplitting: { jsStrategy: 'granularChunks', }, build产物之后，不出现loading效果了，打印loading.js时拿不到_root

暂时只能 build后修改index.html 把loading.js 放到 body中的root后面 umi.js的前面

ali-upgrade commented 1 month ago

我们是采用了umi的插件机制将loading.js放入#root div下解决的 image

https://github.com/umijs/umi/issues/8442#issuecomment-1176960539参考了这个

echoyl commented 1 month ago

在antdesign pro项目里面添加plugin.ts 文件，但是没有作用。请问下还有哪里需要配置下

ali-upgrade commented 1 month ago

在根目录添加plugin.ts文件的情况下，在开发环境chrome控制台的产物中查看是否添加成功 image