码迷,mamicode.com
首页 > 其他好文 > 详细

vue2.9.5 引入vue-strap时报错

时间:2019-04-21 00:09:41      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:exp   引入   inf   无法   clu   控制   com   webpack   pack   

 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时报错

标签:exp   引入   inf   无法   clu   控制   com   webpack   pack   

原文地址:https://www.cnblogs.com/ihuangqing/p/10743412.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!