vue 报错 ReferenceError: exports is not defined

运行项目时发现了以下问题:

 发现在webpack 2后不允许混合使用import和module.exports

但是

具体代码 index.js 里,全输出到了index.js,也看了几个js,也没看到对应的 module.exports,

 

 修改方案:

1.解决办法

统一改成ES6的方式

 export default XXX;

2.解决办法

找到.babelrcf删除transform-runtime

 

解决了我当前问题

 

 

在网上还看到了一些其他的方案:

 

但在引用第三方组件的时候,在浏览器中报错“exports is not defined”。
根据浏览器报错信息,查询到报错来源是第三方组件的一段代码:

经过查资料,这是使用了CommonJs写法,而在应用中并没有做相应的模块转换使得浏览器能够识别。而导致这个问题是因为balbel的配置文件.babelrc的问题:

需要改动.babelrc文件即可:

其中{ "modules": false }阻止了babel进行模块转换,所以,将modules改为默认设置即可,或者删除该配置。

然后再次npm run dev即可。

 

posted @ 2020-12-09 11:09  兔&&大梅  阅读(5509)  评论(0编辑  收藏  举报