Vux集成到Vue单页项目

最近在项目中集成Vux到项目目录中时,编译无法通过。

控制台报错,截图如下:

Vux集成到Vue单页项目_第1张图片
控制台报错截图

奇怪的是,将Vux的引用切到node_module目录下就能正常编译通过,但是单独引入到项目中使用vue-loader + webpack编译就会报错,查看报错的源文件,截图如下:

源文件报错截图

在源文件报错截图中可以很清楚地看到这个模块混合使用了ES2015和Commonjs的模块引入和输出的方法,结合Google出来的一些信息,可以判定是由于这2种模式的混用导致的这个问题,这里的解决方法是把模块的输出切换为ES6的方式,将上述的代码改成

import md5 from 'blueimp-md5'
//module.exports = md5
export default md5

把模块引入和导出的方式变成ES6的方式以后,编译成功,代码正常运行啦。

你可能感兴趣的:(Vux集成到Vue单页项目)