vue-cli打包之后的dist文件无法运行index.html

最新推荐文章于 2025-06-10 10:54:08 发布

Lili昂Lucy

最新推荐文章于 2025-06-10 10:54:08 发布

阅读量5.9k

点赞数

CC 4.0 BY-SA版权

文章标签： vue webpack

本文链接：https://blog.csdn.net/za_az/article/details/79743371

本文介绍了解决Vue项目中Webpack配置导致的dist文件夹下index.html页面空白及控制台错误的问题。通过修改build/util.js和config/index.js文件中的路径设置，确保资源能够正确加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue版本

"vue": "^2.5.2","webpack": "^3.6.0",

问题

打包之后的 dist 文件下面包含 static 文件和 index.html 文件，直接打开index.html文件为空白，控制台会有很多错误

解决方法

build/util.js

    if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        publicPath:'../../',   //添加这句
        fallback: 'vue-style-loader'
      })
    } else {
      return ['vue-style-loader'].concat(loaders)
    }

config/index.js
将文件中的两个assetsPublicPath: '/'改为assetsPublicPath: './'