1. 程式人生 > >vue2.9.5 引入vue-strap時報錯

vue2.9.5 引入vue-strap時報錯

size 無法 oot code 代碼 ima 配置 解決 import

1、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添加一個入口,如下:

技術分享圖片

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

 1  loaders: [
 2       {
 3         test: /\.vue$/,
 4         loader: ‘vue‘
 5       },
 6       {
 7         test: /vue-strap\/ .+\.js$/,
 8         loader: ‘babel‘
 9       },
10       {
11         test: /\.js$/,
12         loader: ‘babel‘,
13         include: projectRoot,
14 exclude: /node_modules/ 15 }

然而我目前這樣做還沒有解決問題,已經困擾好久了。。。求助???

vue2.9.5 引入vue-strap時報錯