问题描述

在使用最新版本的uniapp打包h5程序时，会出现程序打包完成，但在浏览器中无法访问任何页面的情况。经过排查后发现，打包后的程序文件夹中缺少所需的页面文件。

问题原因

经过调查，发现最新版本的uniapp在打包时会出现一个bug，导致打包完成后没有将页面文件打入程序包内。这个bug通常出现在使用最新版的vue-router时。

解决方案

目前来看，uniapp官方还没有提供修复此问题的方法，但我们可以通过以下方法解决此问题：

1. 降低vue-router版本

由于此问题通常出现在vue-router最新版本中，我们可以将其降级到较早的版本。具体操作步骤如下：

执行以下命令进行vue-router的降级：npm install vue-router@x.x.x（x.x.x为对应版本号，建议选择3.0.7版本）
在项目的main.js文件中，将vue-router的引用语句修改为：import VueRouter from 'vue-router/dist/vue-router.common.js'

2. 自定义webpack配置

如果降级vue-router仍未解决问题，我们可以尝试通过自定义webpack配置来修复。

在项目根目录下，创建一个vue.config.js文件，并输入以下代码：

名品购物网店系统

适合品牌专卖店专用，从前台的美工设计就开始强调视觉形象，有助于提升商品的档次，打造网店品牌!后台及程序核心比较简洁，着重在线购物，去掉了繁琐的代码及垃圾程式，在结构上更适合一些中高档的时尚品牌商品展示. 率先引入语言包机制，可在1小时内制作出任何语言版本，程序所有应用文字皆引自LANG目录下的语言包文件，独特的套图更换功能，三级物品分类，购物车帖心设计，在国内率先将购物车与商品显示页面完美结合，完

查看详情

const path = require('path');

module.exports = {
    configureWebpack: {
        plugins: [
            new CopyWebpackPlugin([
                {
                    from: path.resolve(__dirname, './src/pages'),
                    to: path.resolve(__dirname, './dist/pages')
                }
            ])
        ]
    }
}

登录后复制

以上代码中，我们通过CopyWebpackPlugin插件将项目的src/pages目录下的所有文件拷贝至dist/pages目录下，确保打包完成后页面文件夹中包含所有必备文件。