Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘

最新推荐文章于 2024-08-29 10:48:30 发布
最新推荐文章于 2024-08-29 10:48:30 发布
阅读量528 收藏
点赞数
文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34456265/article/details/132693319
版权

webpack打包js文件中不允许混用import和module.exports。

方式①：babel.config.js添加sourceType:

{
  "presets": [...],
  "sourceType": "unambiguous"
}

方式②：安装babel-plugin-transform-es2015-modules-commonjs

npm install babel-plugin-transform-es2015-modules-commonjs

.babelrc文件配置 

{
  "presets": [...],
  "plugins":["transform-es2015-modules-commonjs"]
}

LEON劉先森
关注
Cannot assign to read only property '__esModule' of #Object 的问题
marko_zheng的博客
09-12 7808
Cannot assign to read only property ‘__esModule’ of #Object 的问题 问题背景： 我这里使用了Vue+elementUI构建的项目，项目中依赖echarts，webpack，babel等模块，打包后在高版本浏览器中没有问题，但是在低版本的浏览器中，谷歌1.7.X，或者IE8一下，就会报错 Cannot assign to read...
使用 babel-loader 打包 ES6 代码出现Cannot assign to read only property ‘exports’ of object ‘#‘解决
缚己
01-22 466
问题截图 翻译： 不能赋值给对象'#<Object>'的只读属性'exports' 如果你使用了 @babel/plugin-transform-runtime 插件，同时你又在某个commonJS 规范写的文件里使用这个插件时，babel 会默认你这个文件是 ES6 的文件，然后就使用 import 导入了这个插件，但是 webpack 不可以混用这两种语法规范。 解决方法就是在 babel.config.js 配置文件中设置 unambiguous 字段。让 babel 和 webpac
react编译错误：Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘
赶路人儿
08-27 7495
使用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
报错TypeError: Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘ at Module.eval
m0_61995372的博客
02-24 867
为了解决这个问题，你可以检查你的代码，确保没有直接修改 `exports` 对象的操作。这意味着你应该使用 `export` 关键字来导出模块中的变量、函数或类，而不是直接操作 `exports` 对象。然而，在 webpack 中，它会将模块转换为 ES6 模块，并使用 `export` 关键字来导出模块，而不是使用 `exports` 对象。通常，这种错误会出现在尝试修改已导出的对象时，比如在 CommonJS 模块中直接对 `exports` 进行赋值操作。
Cannot assign to read only property 'exports' of object '#<Object>'
weixin_33915554的博客
06-02 334
在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; ...
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法
12-09
当你遇到“Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'”这样的错误，通常是因为在同一个模块中混用了CommonJS（`require`和`module.exports`）和ES6模块（`import`...
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 'exports' of object '#<Object>'`。这个错误通常发生在使用Webpack打包Vue应用时，由于模块导入导出规范的...
caught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'
05-10
exports = { // some properties }; ``` 请尝试改为： ``` module.exports = { // some properties }; ``` 这样可以确保导出对象不会被其他模块修改。如果你的代码已经使用了 `module.exports`，但是错误依然...
Uncaught TypeError: Cannot assign to read only property ‘exports‘ of object
最新发布
weixin_58519918的博客
08-29 301
可以通过删除.balelrc文件中的"plugins":["transform-vue-jsx","transform-runtime"],中的"transform-runtime"来进行解决，之后需要删除node_modules文件重新加载。拉取别人vue项目出现，报错问题Uncaught TypeError: Cannot assign to read only property 'exports' of object。以及webpack版本过高。
已解决Uncaught TypeError: Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘
热门推荐
04-04 6万+
这个错误通常是由于尝试修改只读属性导致的。
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...
前端报错 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. 其他方法 如果还不能解决问题，看
vue项目打包部署报错：Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘
SM_Cute的博客
04-04 865
vue项目打包部署报错：Cannot assign to read only property 'exports' of object '#'
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
前端加载报错Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘
changyana的博客
04-13 857
webpack打包的时候，可以在js文件中混用require和export。但是不能混用import 以及module.exports。
Cannot assign to read only property 'exports' of object Object
mary_123789的博客
05-07 194
当f12时，出现Cannot assign to read only property 'exports' of object '#<Object>'这个错误时， 在webpack打包的时候，可以在js文件中混用require和export。但是不能混用import 以及module.exports。 因为webpack 2中不允许混用import和module.exports ...
报错! Cannot assign to read only property 'exports' of object
qq_43489791的博客
08-14 598
报错! Cannot assign to read only property ‘exports’ of object 最近在使用一个后台管理项目 当我运行该项目时前端页面展示失败 查看源码发现 Cannot assign to read only property ‘exports’ of object 错误，多方查找发现是因为 在webpack打包的时候，可以在js文件中混用require和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

LEON劉先森

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值