vue2.9.5 引入vue-strap时报错

1、vue2.9.5 引入vue-strap时出错

vue2.9.5 引入vue-strap时报错

2、组件中引入vue-strap的具体代码如下:

1 import DatePicker from 'vue-strap/src/Datepicker';

3、出错原因是Datepicker组件中引入了一个translations,这个utils.js是采用ES6的export语法来书写的,而控制台报错就是说这个export无法识别的,而我用cli的搭建项目时在webpack.base.js配置文件中配置的是js文件都采用babel来处理,但是exclude了node_module下面的js,所以应该在webpack.base.js配置文件中为vue-strap添加一个入口,如下:

vue2.9.5 引入vue-strap时报错

在webpack.base.js中有引入babel加载器

  loaders: [
{
test: /\.vue$/,
loader: 'vue'
},
{
test: /vue-strap\/ .+\.js$/,
loader: 'babel'
},
{
test: /\.js$/,
loader: 'babel',
include: projectRoot,
exclude: /node_modules/
}

然而我目前这样做还没有解决问题,已经困扰好久了。。。求助???

上一篇:Android Studio 常见问题及解决方法


下一篇:spoj 1811 LCS - Longest Common Substring (后缀自己主动机)