Cannot assign to read only property 'exports' of object '#Object'问题记录

最新推荐文章于 2024-08-29 10:48:30 发布
原创 最新推荐文章于 2024-08-29 10:48:30 发布 · 1.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #webpack

本文解决了在使用Webpack和Babel时出现的Cannot assign to readonly property 'exports' of object '#'错误。介绍了如何避免export/import与module.exports/require混合使用导致的问题，并提供了在Webpack配置文件中排除node_modules文件夹的方法。

问题

  1. 浏览器报错Cannot assign to read only property ‘exports’ of object ‘#’
    • 解决：
      • 代码中混用了export/import和module.exports/require
      • 如果使用了babel，请将所有语法改成export/import,否则会出现这个情况
  2. 启动webpack-dev-server服务提示错误：Cannot assign to read only property ‘exports’ of object ‘#’
    • 解决：
      • 在webpack的配置文件的loader中excloude一下node_modules文件夹
使用 babel-loader 打包 ES6 代码出现Cannot assign to read only property ‘exports’ of object ‘#‘解决
缚己
01-22 639
问题截图 翻译： 不能赋值给对象'#<Object>'的只读属性'exports' 如果你使用了 @babel/plugin-transform-runtime 插件，同时你又在某个commonJS 规范写的文件里使用这个插件时，babel 会默认你这个文件是 ES6 的文件，然后就使用 import 导入了这个插件，但是 webpack 不可以混用这两种语法规范。 解决方法就是在 babel.config.js 配置文件中设置 unambiguous 字段。让 babel 和 webpac
viser-vue打包编译运行报错Cannot assign to read only property ‘constructor‘ of object ‘#＜t＞‘
m0_49280365的博客
06-02 1213
viser-vue打包编译运行报错Cannot assign to read only property ‘constructor‘ of object ‘#＜t＞‘
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
Cannot assign to read only property 'exports' of object '#<Object>'
weixin_33915554的博客
06-02 405
在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; ...
Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘
qq_1872583947的博客
10-29 828
vue-cli开发是报Cannot assign to read only property ‘exports’ of object '#'的错误 可能原因是：在某个js文件中混用了import 和module.exports import {} from ‘’; module.exports={}; 正确的写法是：import和export一对，require和module.exports一对 ...
Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘ 并不一定是webpack用错了import
Nicker_的专栏
01-23 2526
bug背景 运行项目（比如vue项目）出现错误： Cannot assign to read only property 'exports' of object '#<Object>' 代码大概是： module.exports = lang; 网上基本上的说法都是webpack冲突，import和module.exports不能混用。 虽然改成推荐的export default lang;确实能解决问题， 但是有时候你并没有混用，因而产生疑惑了。 真正错误 仔细检查代码。这里的例子是用在i1
react编译错误：Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘
赶路人儿
08-27 7712
使用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
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应用时，由于模块导入导出规范的...
cannot assign to read only peroperty exports of object
07-15
如果我们尝试给`exports`赋值，JavaScript引擎会直接抛出错误，并提示"Cannot assign to read only property 'exports' of object"。 这个错误通常发生在以下几种情况下： 1. 尝试在模块中直接给`exports`赋值，而...
Uncaught TypeError: Cannot assign to read only property ‘exports‘ of object
最新发布
weixin_58519918的博客
08-29 1112
可以通过删除.balelrc文件中的"plugins":["transform-vue-jsx","transform-runtime"],中的"transform-runtime"来进行解决，之后需要删除node_modules文件重新加载。拉取别人vue项目出现，报错问题Uncaught TypeError: Cannot assign to read only property 'exports' of object。以及webpack版本过高。
Cannot assign to read only property 'exports' of object Object
mary_123789的博客
05-07 251
当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 654
报错! Cannot assign to read only property ‘exports’ of object 最近在使用一个后台管理项目 当我运行该项目时前端页面展示失败 查看源码发现 Cannot assign to read only property ‘exports’ of object 错误，多方查找发现是因为 在webpack打包的时候，可以在js文件中混用require和...
Uncaught TypeError: Cannot assign to read only property 'exports' of object
在这个数字革命的时代，我们将引领您穿越去中心化、智能合约、加密货币以及分布式应用程序的世界。无论您是初学者还是经验丰富的区块链开发者，我们都致力于为您提供有价值的信息和见解。
12-20 2854
1. 错误： vue 运行时报错：Cannot assign to read only property 'exports' of object '#<Object>' 2. 解决过程： 搜索一些方法都是在说 webpack 同一个文件 不可以用 import 引入然后再用 module.exports 输出,只能用 export 输出 weeks.js module.export...
Uncaught TypeError: Cannot assign to read only property 'exports' of object '
gz-郭小敏的博客
04-19 6251
1、问题描述 项目之前正常的路由配置是这样的： 2、路由配置说明 第一种做法： 每个页面模块目录通过一个 index.js 主入口来导出（module.exports）对应的vue文件，然后 router.js 中通过 require 方法去引入资源。 这一做法是没毛病的，因为这是组织（webpack 2）允许的。 第二种做法： 如果好好的require不用，非要用 impo...
报错TypeError: Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘ at Module.eval
m0_61995372的博客
02-24 1491
为了解决这个问题，你可以检查你的代码，确保没有直接修改 `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. 其他方法 如果还不能解决问题，看
Cannot assign to read only property 'exports' of object '#<Object>' (mix require and export) #4039
iso_wsy的专栏
10-18 1823
.babellrc中添加插件"transform-es2015-modules-commonjs"
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值