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

最新推荐文章于 2024-10-11 14:28:14 发布

qq_43489791

最新推荐文章于 2024-10-11 14:28:14 发布

阅读量611

点赞数

本文链接：https://blog.csdn.net/qq_43489791/article/details/99580961

版权

最近在使用一个后台管理项目当我运行该项目时前端页面展示失败查看源码发现 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

512

问题截图翻译：不能赋值给对象'#<Object>'的只读属性'exports' 如果你使用了 @babel/plugin-transform-runtime 插件，同时你又在某个commonJS 规范写的文件里使用这个插件时，babel 会默认你这个文件是 ES6 的文件，然后就使用 import 导入了这个插件，但是 webpack 不可以混用这两种语法规范。解决方法就是在 babel.config.js 配置文件中设置 unambiguous 字段。让 babel 和 webpac

Cannot assign to read only property '__esModule' of #Object 的问题

marko_zheng的博客

09-12

7899

Cannot assign to read only property ‘__esModule’ of #Object 的问题问题背景：我这里使用了Vue+elementUI构建的项目，项目中依赖echarts，webpack，babel等模块，打包后在高版本浏览器中没有问题，但是在低版本的浏览器中，谷歌1.7.X，或者IE8一下，就会报错 Cannot assign to read...

参与评论您还未登录，请先登录后发表或查看评论

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

4020

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

[已解决] Uncaught TypeError: Cannot assign to read only property ‘exports’ of object ‘#’

最新发布

官方推荐

10-11

1万+

[已解决] Uncaught TypeError: Cannot assign to read only property ‘exports’ of object ‘#’

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

赶路人儿

08-27

7532

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

6168

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

2421

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

1030

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

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 ‘#<Object>‘点开错误的文件，标注错误的地方是这样的一段代码：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

909

vue项目打包部署报错：Cannot assign to read only property 'exports' of object '#'

Cannot assign to read only property exports of object

Evan's Blog ٩(๑❛ᴗ❛๑)۶

02-03

2940

一、问题介绍：在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...

Cannot assign to read only property 'exports' of object

huanxiang121的专栏

10-22

1369

Cannot assign to read only property ‘exports’ of object '# 报错 Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>' at Module.<anonymous> (BaseClient....

Cannot assign to read only property 'exports' of object '#<Object>'

weixin_33915554的博客

06-02

353

在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; ...