关于import与export的配对使用

159 阅读1分钟

这周在整合项目的时候遇到了一个这样的问题:

Cannot assign to read only property 'exports' of object '#'

这是因为,我在将渲染3D地图的Map.js这个方法向外暴露的时候,使用了

module.exports

但是在Map.js中导入其他方法的时候,使用了 import.... from '.....'这个方法,所以造成了这种错误。

主要是导入导出方法要配对使用:import和export、module.exports和requery,其中import、export/export default 是 ES6 的语法规则,而module.exports、require是 CommonJs规范,所以import 和 module.exports是不能混用的。

最终的解决方案:

将 module.exports 换成 export defaule 就可以了。

在这里代码就不上了,还是上截图吧。

在这里要感谢我的盆友@星期六的猫,他指出了该篇文章中的不当之处,比如说 CommonJs中的 require这个命令单词,我写成了 requery 了,挠头,下次写完后一定会注意的。这里只是提供一个大致的思路,以及记录我个人的错误,仅供大家参考一下。