vue引入插件Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘

最新推荐文章于 2024-02-24 11:05:34 发布
转载 最新推荐文章于 2024-02-24 11:05:34 发布 · 372 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://blog.youkuaiyun.com/u013034736/article/details/70174425

在使用Vue开发时遇到一个常见问题，即在webpack配置中混用了`require`和`export`，导致报错`Cannot assign to read-only property 'exports' of object '#'`。这个问题可能由于在项目中同时使用了import和module.exports语法导致。尝试移除`babel-plugin-transform-runtime`插件并清理node_modules目录后重新安装，问题依然存在。最终通过删除`.babelrc`文件中关于`transform-runtime`的配置，并运行`npm run dev`成功解决了问题。

vue引入插件Cannot assign to read only property ‘exports’ of object '#'

webpack可以使用require和export ，但是不能混合使用import 和module.exports ，不然会报错Cannot assign to read only property ‘exports’ of object ‘#’

举个例子：

我在用vue使用swiper插件时，一直报错这个错

这个完全没问题啊，一直报着个错，有种砸电脑的触动

然后再github说什么transform-runtime adds import to your files

于是我把package.json的 “babel-plugin-transform-runtime”: “^6.0.0”,删了，把node_modules也删了，重新npm install

发现还报错

于是babelrc的插件一项的transfrom-runtime也删了

npm run dev 搞定
————————————————
版权声明：本文为优快云博主「假炸弹人」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.youkuaiyun.com/u013034736/article/details/70174425

飞111
关注
viser-vue打包编译运行报错Cannot assign to read only property ‘constructor‘ of object ‘#＜t＞‘
m0_49280365的博客
06-02 1225
viser-vue打包编译运行报错Cannot assign to read only property ‘constructor‘ of object ‘#＜t＞‘
使用 babel-loader 打包 ES6 代码出现Cannot assign to read only property ‘exports’ of object ‘#‘解决
缚己
01-22 648
问题截图 翻译： 不能赋值给对象'#<Object>'的只读属性'exports' 如果你使用了 @babel/plugin-transform-runtime 插件，同时你又在某个commonJS 规范写的文件里使用这个插件时，babel 会默认你这个文件是 ES6 的文件，然后就使用 import 导入了这个插件，但是 webpack 不可以混用这两种语法规范。 解决方法就是在 babel.config.js 配置文件中设置 unambiguous 字段。让 babel 和 webpac
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法
12-09
发现问题 运行一下以前的一个Vue+webpack的 vue仿新闻网站  小项目，报错 由于自己vue学习不深入，老是这个报错，找了好久（确切的说是整整一下午^…^）才找到原因 -v- Uncaught TypeError: Cannot assign to read only property &#39;exports&#39; of object &#39;#<Object>&#39;   点开错误的文件，标注错误的地方是这样的一段代码： import {normalTime} from &#39;./timeFormat&#39;; module.exports={ 　　normalTime }; 就是module.exports
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#&lt;Object&gt;‘的解决
08-30
主要给大家介绍了关于Vue报错：Uncaught TypeError: Cannot assign to read only property &#39;exports&#39; of object &#39;#&lt;Object&gt;&#39; 的解决方法，文中介绍的非常详细，需要的朋友们下面来一起看看吧。
Cannot assign to read only property exports of object
Evan's Blog ٩(๑❛ᴗ❛๑)۶
02-03 3142
一、问题介绍： 在webpack项目中使用@babel/plugin-transform-runtime时,报错 ERROR in Error: E:\workdata\webpackVue/node_modules/_@babel_runtime@7.4.5@@babel/runtime/helpers/ typeof.js?:33 module.exports = _typeof; ^ T...
vue报错： Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘
u014471623的博客
09-15 1万+
刚刚运行一下以前的一个Vue+webpack的demo，运行之后没有出现想象中的效果，并且报错Uncaught TypeError: Cannot assign to read only property ‘exports‘ of object ‘#&lt;Object&gt;‘点开错误的文件，标注错误的地方是这样的一段代码：import {normalTime} from ‘./timeFo...
vue项目打包部署报错：Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘
SM_Cute的博客
04-04 1192
vue项目打包部署报错：Cannot assign to read only property 'exports' of object '#'
vue-router.esm.js:1897 TypeError: Cannot assign to read only property &#39;exports&#39; of object &#39;#<Object>&#39;
05-30
这个错误通常是由于在使用ES6模块时，尝试重新分配只读属性导致的。可能原因是你的代码中使用了import或export语句，但是在尝试对导入的对象进行更改时出现了问题。 具体来说，这个错误可能是由于以下原因之一引起...
vue报错Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘
浩星
08-18 2万+
前言： 在研究electron的时候，扒拉人家大神的源码，出现的这个问题，出现这个问题之后找了很多资料，最终也是解决了这个问题，整理下方法： 资料： 国外有一个大神对此分析的很清楚，他把原因分成以下两类： 翻译, 第一种原因就是import和module.exports的混用要知道commonJS和ES6的语法是不太一样的前者是require和module.exports后者则是import和exports,当你混用这两个语法的时候，webpack就会报错，也...
报错TypeError: Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘ at Module.eval
m0_61995372的博客
02-24 1516
为了解决这个问题，你可以检查你的代码，确保没有直接修改 `exports` 对象的操作。这意味着你应该使用 `export` 关键字来导出模块中的变量、函数或类，而不是直接操作 `exports` 对象。然而，在 webpack 中，它会将模块转换为 ES6 模块，并使用 `export` 关键字来导出模块，而不是使用 `exports` 对象。通常，这种错误会出现在尝试修改已导出的对象时，比如在 CommonJS 模块中直接对 `exports` 进行赋值操作。
vue运行报错error:Cannot assign to read only property 'exports' of object '#<Object>'
weixin_30745641的博客
01-04 201
用weex做项目的时候，npm start 之后一直报错error:Cannot assign to read only property 'exports' of object '#<Object>' ，查了好多资料好像是export和import共用了导致不兼容引起的 试了好多方法都不行，最后找到个办法，试了一下可以用，特此记录： 　　npm install babel-plu...
vue引入插件Cannot assign to read only property 'exports' of object '#<Object>'
热门推荐
u013034736的专栏
04-14 3万+
webpack可以使用require和export ，但是不能混合使用import 和module.exports ，不然会报错Cannot assign to read only property 'exports' of object '#' 举个例子： 我在用vue使用swiper插件时，一直报错这个错 这个完全没问题啊，一直报着个错，有种砸电脑的触动 然后再
vue 报错 Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘ (BaseClient.js:1）
Youxingfang的博客
09-12 1227
atat。
Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'
blacklife00544的专栏
08-02 2830
运行Vue项目时报错如下：Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'原因： The code above is ok. You can mix require and export. You can‘t mix import and module.exports.使用
react编译错误：Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘
赶路人儿
08-27 7720
使用create-react-app脚手架搭建了一个react项目，在项目中拷贝了其他项目中的一些组件代码，在编译时报如下错误： Cannot assign to read only property 'exports' of object '#<Object>' google以下两个地方找到了答案： github的issue：https://github.com/webpack/webpack/issues/4039 stackoverflow：https://stackoverfl
Uncaught TypeError: Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘
YukiGreen的博客
07-13 1671
Uncaught TypeError: Cannot assign to read only property 'exports' of object '#'解决办法
VUE报错Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘
zxw08611的专栏
03-03 820
异常： Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>' at Module.eval (webpack-internal:///./node_modules/core-js/modules/_is-object.js:5) at eval (webpack-internal:///./node_modules/core-js/modules/_is-o...
Cannot assign to read only property 'exports' of object '#<Object>'
weixin_30471065的博客
03-06 340
基本原因是import 和module.exports 是不能混用在.vue的文件里面的 webpack 2中不允许混用import和module.exports module.exports={ 改为 export default { 　　 转载于:https://www.cnblogs.com/alantao/p/8515704.html...
前端登录报 Cannot assign to read only property &#39;path&#39; of object &#39;#<Object>&#39;
最新发布
05-24
### 前端 `Cannot assign to read only property &#39;path&#39; of object` 错误解决方案 该错误通常发生在 JavaScript 运行环境中尝试修改某些只读属性时。以下是可能的原因以及对应的解决方案： #### 1. **Babel 配置...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值