Vux集成到Vue单页项目

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

控制台报错,截图如下:

控制台报错截图

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

源文件报错截图

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言 webpack2和vue2已经不是新鲜东西了,满大街的文章在讲解webpack和vue,但是很多内容写的不是...
    技术宅小青年阅读 11,599评论 4 43
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,660评论 25 709
  • 写在开头 先说说为什么要写这篇文章, 最初的原因是组里的小朋友们看了webpack文档后, 表情都是这样的: (摘...
    Lefter阅读 10,688评论 4 31
  • 看TED演讲一直是每个周末的保留项目,有时也会看《超级演说家》和《中国青年说》的节目片段。 演讲者们或激情澎湃或娓...
    君子姐阅读 3,251评论 0 0
  • 说线程池前 先来了解一下 阻塞队列是什么;大致上说下自己的理解阻塞队列 java中 有这么几种 ArrayBloc...
    Null_ZXM阅读 1,332评论 0 0