npm run build打包遇到的问题

Posted meiyanstar

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了npm run build打包遇到的问题相关的知识,希望对你有一定的参考价值。

1、npm run build打包,dist的index是空白页

问题一:assetsPublicPath配置错误

解决方法:修改config/index.js文件

技术图片

 

 

 问题二:路由history模式配置有误

  export default new Router({
    // mode: ‘history‘, // require service support
    scrollBehavior: () => ({
       y: 0
    }),
    routes: constantRouterMap
    })

技术图片

 

 (暂时还未亲自验证过,history模式在router的index.js中设置)

技术图片

2、npm run build打包,图片等资源不显示

解决方法:

在builde下的utils.js中,使用 ‘vue-style-loader’ 依赖的地方添加 publicPath: ‘../../‘ , 如图:

技术图片

 

以上是关于npm run build打包遇到的问题的主要内容,如果未能解决你的问题,请参考以下文章

21.Vue---npm run build 项目打包文件过大(体积优化)

go的三个运行基本命令的区别,go run ,go build 和 go install

Vue+elementUI npm run build打包之后字体 图标丢失问题

npm run build打包后自定义动画没有执行

vue 关于npm run build 的小问题

vue 关于npm run build 的小问题