vue2.9.5 引入vue-strap時報錯
阿新 • • 發佈:2019-04-21
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時報錯