1.报错原因,路径问题,我们先看打包后默认生成的index.html页面里面引入的js和css文件路径。

运行结果:

2.解决办法:找到webpack.config.js文件,修改配置:


3.重新运行打包npm run build,看打包的页面文件变化。

4.浏览器运行

补充:output.publicPath:指定了打包之后这些静态资源的根目录。./表示相对路径。
webpack打包应用,在浏览器端运行报错:Uncaught SyntaxError: Unexpected token ‘<‘
解决Webpack打包路径问题:从index.html到配置修改
最新推荐文章于 2024-11-17 17:22:38 发布
本文指导如何修复Webpack打包时的路径错误,通过修改webpack.config.js中output.publicPath配置,并重新构建,确保静态资源正确引用。
557

被折叠的 条评论
为什么被折叠?



