ES6的module.exports和export+webpack的坑

今天在写组件时候,使用的是webpack管理的包,在将我写的包放进node_moudle文件夹中,在index.js文件中通过module.exports将内容导出去,之后在外边直接通过import { .. } from .. 导入,结果报错:

Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>' at Object.<anonymous> (menu-item.vue:16)
google后得知,在webpack 2中不允许混用import
和module.exports,所以导致了这个问题
所以建议官方能够统一写成ES6的形式,
我解决的方法就是将module.exports换成export 就可以了

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

推荐阅读更多精彩内容

  • 学习流程 参考文档:入门Webpack,看这篇就够了Webpack for React 一. 简单使用webpac...
    Jason_Zeng阅读 3,193评论 2 16
  • GitChat技术杂谈 前言 本文较长,为了节省你的阅读时间,在文前列写作思路如下: 什么是 webpack,它要...
    萧玄辞阅读 12,721评论 7 110
  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 8,245评论 7 35
  • 二零一五年,十二月十九日,我们大三! 认识三年,真正熟络起来也就才一年! 一起搞笑,一起约定,一起奋斗! 四五个性...
    小武大大啦啦啦阅读 247评论 0 0
  • 昨晚梦见爷爷了,只记得好像问爷爷要不要做饭给你吃。爷爷气色很好,笑的很开心,过了不多久突然想起来,爷爷早就走了,现...
    幸福的一对儿阅读 170评论 0 0