Vue项目中使用htmlWebpackPlugins动态配置favicon图标失败：如何解决js.runtime.xx.js报错问题？

今日不肯埋头，明日何以抬头！每日一句努力自己的话哈哈~哈喽，今天我将给大家带来一篇《Vue项目中使用htmlWebpackPlugins动态配置favicon图标失败：如何解决js.runtime.xx.js报错问题？》，主要内容是讲解等等，感兴趣的朋友可以收藏或者有更好的建议在评论提出，我都会认真看的！大家一起进步，一起学习！

vue项目中使用htmlwebpackplugins插件动态配置页面favicon图标失败

在vue项目中使用htmlwebpackplugins插件动态配置页面favicon图标时，遇到了页面空白无法加载以及js.runtime.xx.js报错的问题。

解决方法：

问题出在此处：中的js引入不正确。应将其改为具体字段core-js，而不是使用[name]形式。

正确的配置如下：

javaScript: '[name].[hash:8].js',
chunksSortMode: 'none',
coreJs: 'core-js', // <-- 正确的配置
template: 'public/index.html',
favicon: 'public/favicon.ico',
filename: 'index.html'

这将修复js无法正常加载的问题，从而解决页面空白和js.runtime.xx.js 报错的问题。

好了，本文到此结束，带大家了解了《Vue项目中使用htmlWebpackPlugins动态配置favicon图标失败：如何解决js.runtime.xx.js报错问题？》，希望本文对你有所帮助！关注golang学习网公众号，给大家分享更多文章知识！