Uncaught TypeError: Cannot assign to read only property ‘exports‘ of object

于 2024-08-29 10:48:30 发布
阅读量293 收藏 4
点赞数 4
文章标签： 前端 javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_58519918/article/details/141672807
版权

拉取别人vue项目出现，报错问题Uncaught TypeError: Cannot assign to read only property 'exports' of object。

这个问题出现的主要原因是因为 webpack 同一个文件 不可以用 import 引入然后再用 module.exports 输出,只能用 export 输出。以及webpack版本过高。这两种说法。

可以通过删除.balelrc文件中的"plugins":["transform-vue-jsx","transform-runtime"],中的"transform-runtime"来进行解决，之后需要删除node_modules文件重新加载。

也可以通过下载插件

npm install babel-plugin-transform-es2015-modules-commonjs --legacy-peer-deps

以及配置中添加"transform-es2015-modules-commonjs"来解决：

"plugins":["transform-vue-jsx", "transform-runtime","transform-es2015-modules-commonjs"],

参考vue 报错 Uncaught TypeError: Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘-CSDN博客

Uncaught TypeError: Cannot assign to read only property 'exports' of object-CSDN博客

来摔锅
关注
  • 4
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Cannot assign to read only property '__esModule' of #Object 的问题
marko_zheng的博客
09-12 7802
Cannot assign to read only property ‘__esModule’ of #Object 的问题 问题背景： 我这里使用了Vue+elementUI构建的项目，项目中依赖echarts，webpack，babel等模块，打包后在高版本浏览器中没有问题，但是在低版本的浏览器中，谷歌1.7.X，或者IE8一下，就会报错 Cannot assign to read...
Uncaught (in promise) TypeError: Cannot read property 'length' of undefined
游海东的技术专栏
12-17 4008
1、错误描述 Uncaught (in promise) TypeError: Cannot read property 'length' of undefined geoJSONLoader.js:106 at getBoundingRect (geoJSONLoader.js:106) at Object.load (geoJSONLoader.js:98) at geoSourc...
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#<Object>‘的解决
08-30
主要给大家介绍了关于Vue报错：Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>' 的解决方法，文中介绍的非常详细，需要的朋友们下面来一起看看吧。
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 'exports' of object '#<Object>'   点开错误的文件，标注错误的地方是这样的一段代码： import {normalTime} from './timeFormat'; module.exports={ 　　normalTime }; 就是module.exports
vue Uncaught TypeError: Cannot assign to read only property 'exports' of object
smile_foreach的博客
12-19 231
Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>' 删除node_modules 和package-lock.json 换成淘宝的cnpm镜像 重新cnpm install cnpm run dev即可 这个问题坑了我两三天 ...
Uncaught TypeError: Cannot assign to read only property 'exports' of object '
gz-郭小敏的博客
04-19 6136
1、问题描述 项目之前正常的路由配置是这样的： 2、路由配置说明 第一种做法： 每个页面模块目录通过一个 index.js 主入口来导出（module.exports）对应的vue文件，然后 router.js 中通过 require 方法去引入资源。 这一做法是没毛病的，因为这是组织（webpack 2）允许的。 第二种做法： 如果好好的require不用，非要用 impo...
Uncaught TypeError: Cannot assign to read only property 'exports' of object
在这个数字革命的时代，我们将引领您穿越去中心化、智能合约、加密货币以及分布式应用程序的世界。无论您是初学者还是经验丰富的区块链开发者，我们都致力于为您提供有价值的信息和见解。
12-20 2680
1. 错误： vue 运行时报错：Cannot assign to read only property 'exports' of object '#<Object>' 2. 解决过程： 搜索一些方法都是在说 webpack 同一个文件 不可以用 import 引入然后再用 module.exports 输出,只能用 export 输出 weeks.js module.export...
Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘
web_ding的博客
11-01 3893
背景：在一个旧项目中，发现重新npm install 的时候，报了Cannot assign to read only property 'exports' of object '#<Object>'，而本地运行的时候没问题，发布服务器的时候，发现问题,报了Cannot assign to read only property 'exports' of object '#<Object>'。 出现bug的原因是： 第一种是：webpack不能混合使用import 和modul..
Cannot assign to read only property exports of object
Evan's Blog ٩(๑❛ᴗ❛๑)۶
02-03 2919
一、问题介绍： 在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...
Uncaught TypeError: Cannot read properties of null (reading '#<Object>')
09-01
- *1* [Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的...](https://download.csdn.net/download/weixin_38640984/13612199)[target="_blank" data-report-...
已解决Uncaught TypeError: Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘
热门推荐
04-04 6万+
这个错误通常是由于尝试修改只读属性导致的。
Vue的报错：Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'...
weixin_34080951的博客
05-07 547
刚刚运行一下以前的一个Vue+webpack的demo，运行之后没有出现想象中的效果，并且报错 Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>' 点开错误的文件，标注错误的地方是这样的一段代码： import {normalTime} from...
react编译错误：Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘
赶路人儿
08-27 7478
使用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
Cannot assign to read only property 'exports' of object '#<Object>' 解决方案
xuelang532777032的博客
10-08 1万+
这个 报错是在我的vue单文件里面发生的 ， 当时 我想用一个 。vue的组件 引用 另一个。vue的组件，于是我代码如下 import ab from './ab.vue';//列表顶部的新增等按钮 module.exports={ 只是测试的  别纠结我的命名 然报Cannot assign to read only property 'exports' of object
报错TypeError: Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘ at Module.eval
最新发布
m0_61995372的博客
02-24 857
为了解决这个问题，你可以检查你的代码，确保没有直接修改 `exports` 对象的操作。这意味着你应该使用 `export` 关键字来导出模块中的变量、函数或类，而不是直接操作 `exports` 对象。然而，在 webpack 中，它会将模块转换为 ES6 模块，并使用 `export` 关键字来导出模块，而不是使用 `exports` 对象。通常，这种错误会出现在尝试修改已导出的对象时，比如在 CommonJS 模块中直接对 `exports` 进行赋值操作。
前端报错 Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘
imxiezy的博客
08-07 1万+
1. 前端报错： Cannot assign to read only property 'exports' of object '#<Object>' 2. 报错原因： webpack打包的时候，可以在js文件中混用require和export。但是不能混用import 以及module.exports。 3. 解决方法 那么，js文件写法注意：一定要配对使用require和module.exports以及import和export default。 4. 其他方法 如果还不能解决问题，看
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值