今天在将一个vue-cli项目使用webpack打包时，一直出现这个错，

很明显，问题出在了nav.js中的es6的语法没有编译通过，在网上查了各种资料，都是推荐安装babel-es2015之类的包，但是我检查了下本机中，这些包都是存在的。很无奈。

但是经过细心的观察，发现这些错误都是出现在bootstrap-vue这个包中，而src中的js也有很多es6语法，在引用bootstrap-vue包之前，可以正常打包。问题就出现在bootstrap-vue这个包中。也就是在打包过程中，这个包下的所有JS文件没有使用babel-loader。

在build文件夹中的webpack.base.conf.js文件中，做如下修改：

{
test: /\.js $ /,
loader: 'babel-loader',
include: [ resolve( 'src'), resolve( 'test'), resolve( 'node_modules/bootstrap-vue/lib')]
},

就可以正常的打包了

Logo
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}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Vue里echarts根据页面大小动态调整/自适应

Vue里echarts根据页面大小动态调整/自适应

avatar Vue