报错! Cannot assign to read only property 'exports' of object

最新推荐文章于 2024-08-29 10:48:30 发布

原创最新推荐文章于 2024-08-29 10:48:30 发布 · 653 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一个在使用Webpack打包时遇到的问题：混用import与module.exports导致的错误，并提供了修改babelrc配置文件中modules属性为commonjs的解决方案。

最近在使用一个后台管理项目当我运行该项目时前端页面展示失败查看源码发现 Cannot assign to read only property ‘exports’ of object 错误，多方查找发现是因为

在webpack打包的时候，可以在js文件中混用require和export。但是不能混用import以及module.exports

项目原来代码（babelrc）

{
“presets”: [
[“env”, {
“modules”: “false”,
“targets”: {
“browsers”: ["> 1%", “last 2 versions”, “not ie <= 8”]
}
}],
“stage-2”
],
“plugins”:[“transform-vue-jsx”, “transform-runtime”]
}

将modules的值改为commonjs即可

 "modules": "commonjs",

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qq_43489791

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

使用 babel-loader 打包 ES6 代码出现Cannot assign to read only property ‘exports’ of object ‘#‘解决

缚己

01-22

633

问题截图翻译：不能赋值给对象'#<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

1208

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＞‘

web_ding的博客

11-01

4290

背景：在一个旧项目中，发现重新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..

react编译错误：Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘

赶路人儿

08-27

7703

使用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 '

gz-郭小敏的博客

04-19

6247

1、问题描述项目之前正常的路由配置是这样的： 2、路由配置说明第一种做法：每个页面模块目录通过一个 index.js 主入口来导出（module.exports）对应的vue文件，然后 router.js 中通过 require 方法去引入资源。这一做法是没毛病的，因为这是组织（webpack 2）允许的。第二种做法：如果好好的require不用，非要用 impo...

Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘ 并不一定是webpack用错了import

Nicker_的专栏

01-23

2521

bug背景运行项目（比如vue项目）出现错误： Cannot assign to read only property 'exports' of object '#<Object>' 代码大概是： module.exports = lang; 网上基本上的说法都是webpack冲突，import和module.exports不能混用。虽然改成推荐的export default lang;确实能解决问题，但是有时候你并没有混用，因而产生疑惑了。真正错误仔细检查代码。这里的例子是用在i1

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>'`。这个错误通常发生在使用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`赋值，而...

报错TypeError: Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘ at Module.eval

m0_61995372的博客

02-24

1478

为了解决这个问题，你可以检查你的代码，确保没有直接修改 `exports` 对象的操作。这意味着你应该使用 `export` 关键字来导出模块中的变量、函数或类，而不是直接操作 `exports` 对象。然而，在 webpack 中，它会将模块转换为 ES6 模块，并使用 `export` 关键字来导出模块，而不是使用 `exports` 对象。通常，这种错误会出现在尝试修改已导出的对象时，比如在 CommonJS 模块中直接对 `exports` 进行赋值操作。

vue报错： Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘