解决webpack打包后，直接打开index.html为空白页面的问题

解决webpack打包后，直接打开index.html为空白页面的问题使用webpack打包后会生成dist文件，直接打开dist下的html为空白1、原因是请求js文件的路径错误，导致vue组件没有挂载到根目录下2、解决方法：在配置production环境的文件中，将publicPath设置为"./"3、再次npm run build进行打包，打开html就会显示相应内容各位大佬，有更好的解决方

圆头�

2938人浏览 · 2021-08-30 11:22:14

圆头� · 2021-08-30 11:22:14 发布

使用webpack打包后会生成dist文件，直接打开dist下的html为空白

1、原因是请求js文件的路径错误，导致vue组件没有挂载到根目录下
在这里插入图片描述

2、解决方法：在配置production环境的文件中，将publicPath设置为"./"
在这里插入图片描述
3、再次npm run build进行打包，打开html就会显示相应内容

各位大佬，有更好的解决方法欢迎分享，谢谢~

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^