论在Vue脚手架打包时出现的错误

最近在学Vue脚手架，当给项目打包时，出现了以下几个问题，总结了一下自己遇到的问题和解决方法。

1. 项目明明运行毫无差错但是打包完却没有数据
   这可能有两个原因：
   1.1）第一就是打包完的路径有错 ==> 解决：可以先点开dist文件中的index.html看一下，会发现每个路径前面都多了一个.，这时我们需要在和package.json同级的目录下面创建一个命为babel.config.js的文件，里面写上代码：

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ]
}

1.2）第二个原因可能是Vue-router中使用的是history模式，【Vue-router 中有hash模式和history模式，vue的路由默认是hash模式】，最简单的做法就是将history模式注释掉即可，如下：

const router = new VueRouter({
  // mode: 'history',
  base: process.env.BASE_URL,
  routes
})

2.还遇到的一个问题就是，在执行打包命令时就出错了，如下这个时候我们需要看一下package.json文件里面的命令是否与我们执行的命令一致，如下
这时候很明显，我们的执行打包的命令应该是：

npm run build:prod

所以如果我们在执行命令时出现‘xxx没有时’，不要着急，我们可以先去package.json文件里查看一下是否有我们需要的对象，包括我们通过执行命令添加的例如element-ui，vuex，vuex-router等等。