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

* 项目明明运行毫无差错但是打包完却没有数据
这可能有两个原因:
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等等。

技术
©2019-2020 Toolsou All rights reserved,
MySql语句 递归寻找某输入部门的所有下级部门latex中自定义的命令———\newcommandel-ui:select获取值Go语言 数组初始化和基本操作ajax get请求中文参数乱码解决python原语--锁Lock前端向后台传值的5种方式总结 mysql无备份恢复Hackbar 使用教程java中的编译时异常和运行时异常