这是因为在开发模式下，为了通过 Webpack 实现热加载，CSS代码是打包在 JavaScript 代码中，并动态打到页面中去，从而元素重绘引起了闪烁。
不用担心，在生产模式下，CSS代码会单独打包至独立的文件并置于head标签内，不会出现页面闪烁的现象。
我们只需要添加一个条件，只在生产模式下打包即可，nuxt.config.js下：
extractCSS: process.env.NODE_ENV === 'production',
踩坑：为什么 Nuxt.js 应用的页面会出现闪烁呢?
猜你喜欢
转载自blog.csdn.net/weixin_42224055/article/details/106093249
今日推荐
周排行