vue项目中使用htmlwebpackplugins插件动态配置页面favicon图标失败
在vue项目中使用htmlwebpackplugins插件动态配置页面favicon图标时，遇到了页面空白无法加载以及js.runtime.xx.js报错的问题。
解决方法：
问题出在此处：<script src="${require('html-webpack-plugin/lib/injectionapi').getcorejssrc()}"></script>中的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报错问题？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
941
