Vue项目运行后控制台报错Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘

最新推荐文章于 2023-09-12 15:50:03 发布
最新推荐文章于 2023-09-12 15:50:03 发布
阅读量688 收藏
点赞数
分类专栏： VUE 文章标签： 前端 javascript vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_57756904/article/details/128698678
版权
文章讲述了如何通过修改.babelrc文件并安装相应的Babel插件`babel-plugin-transform-es2015-modules-commonjs`，来实现ES2015模块向CommonJS的转换，无需改动lang.js文件。
摘要由CSDN通过智能技术生成

配置babelrc

lang.js无需更改，只需要配置.babelrc即可，首先下载相应babel插件

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


在 .babelrc 中增加一个plugins

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


 

卡布奇诺-海晨
关注
专栏目录
Vue自定义插件报错
motor_tang的博客
04-25 685
Vue自定义插件遇到的问题 // tools.js class Tools { send(){ console.log("模块化开发测试"); } } Tools.install = function(Vue){ Vue.prototype.tools = new Tools(); } module.exports = Tools; //main.js import tools f...
vue2.0怎么渲染html,vue采坑之——vue里面渲染html 并添加样式
weixin_42521276的博客
06-27 1855
在工作中，有次遇到要把返回的字符串分割成两部分，一部分用另外的样式显示。这时候，我想通过对得到字符串进行处理，在需要特别样式的字符串片段用html标签(用的span)包裹起来再通过变量绑定就好了。不过此时绑定变量的vue指令要用v-html。测试方案的过程很顺利。不过后面单独为自动添加的标签(span)设定需要的css样式时(直接在vue单页面的css区域加的样式)，并没有起作用，浏览器检查元素s...
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 propertyOhobiect“#＜Object＞
李十三的博客
07-31 175
【代码】Cannot assign to read only propertyOhobiect"#
Vue的报错：Uncaught TypeError: Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘ 1.运
qq_43340606的博客
08-26 425
1.打包运行vue项目，报错 Uncaught TypeError: Cannot assign to read only property ‘exports’ of object ‘#’ 2.点开错误的文件，标注错误的地方是这样的一段代码： 3.同过谷歌查找，和论坛各种搜索: 原因如下：The code above is ok. You can mix require and export. You can‘t mix import and module.exports. 翻译过来就是说，代码没毛病，
Vue报错:Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#<Object>‘的解决方法...
chuwen9795的博客
08-06 1062
出现如题的错误时 网络上的解决办法：点开错误的文件，标注错误的地方是这样的一段代码： import {normalTime} from './timeFormat'; module.exports={ 　　normalTime }; 解决方法 通过谷歌查找，和论坛各...
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#＜Object＞‘的解决方法
wangchaoqi1985的博客
09-24 595
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’#&lt;Object&gt;‘的解决
08-30
在Vue开发过程中，有时会遇到一个常见的错误：`Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'`。这个错误通常发生在使用Webpack打包Vue应用时，由于模块导入导出规范的...
vue学习
希望我快乐
06-11 783
1. 安装node，直接官网下载安卓即可，会自动安装上npm。 网址：https://nodejs.org 2. 检测node是否安装成功，在终端输入：node -v 以及 npm -v，若有版本信息，则安装成功。 3. 全局安装cli3 npm install -g @vue/cli vue -V(大写) 查看vue版本信息，若有信息则安装成功。 4. cd到工作目录，使用vue ui可视化创建...
Vue(v2.6.11)万行源码生啃，就硬刚！
掘金安东尼
07-06 1946
玩归玩，闹归闹，Vue 源码要知道。
Vue 项目报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#＜Object＞‘的解决方法
fitor_315228的博客
06-25 631
背景： Vue 项目报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#‘ 问题分析： 其实这个问题是commonJS 和ES6之间的引入导出battle CommonJS 的引入导出是：require和module.exports； ES6 的引入导出是import和exports 而我这里的项目用的是 import 和 module.exports ，就相当于是混用了，肯定会报错的...
vue 报错之Cannot assign to read only property 'exports' of object
ZHXT__的博客
10-29 391
vue 报错, 原因: 使用module.exports={ …},致使出现报错 根本原因: 无法同时使用 import 与 module.exports 解决方案: 使用其中一种即可, 两者不要同时混用, 这是一个不好的习惯; 对babel.config.js 进行配置, 解决冲突; 添加如图的一行:sourceType: 'unambiguous' 参考:https://www.ji...
TypeError: Cannot assign to read only property ‘xxx‘ of object ‘#xxx‘
热门推荐
意外金喜
01-01 1万+
在vue.js项目开发的时候遇到报错：TypeError: Cannot assign to read only property 'xxx' of object '#xxx' 网上看了好多都说是：混用import 以及module.exports导致的，但这次遇到的问题不是因为这个导致的。 而是因为有一个十分庞大的对象，为了优化性能用了Object.freeze，然后在后续的操作又想改变这个庞大对象里的某些参数值而导致的这个报错。 那应该怎么解决呢？ 去掉Object.freeze就好了，这又导致
【vue报错解决方法--cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘】
m0_57426442的博客
11-01 469
快速解决问题
TypeError: Cannot assign to read only property ‘0‘ of object ‘[object Array]‘
灬Manong 博客
09-15 4598
报错正文 vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in v-on handler: "TypeError: Cannot assign to read only property '0' of object '[object Array]'" found in---> [....文件代码忽略] vue.runtime.esm.js?2b0e:1897 TypeError: Cannot assign to read only pro
Cannot assign to read only property ‘0‘ of object ‘[object Array]‘ 问题
weixin_47541876的博客
04-24 3563
我是使用umi创建的项目，在config里配置了 dva: { immer: true, hmr: true, }, 项目中用了immer，会自动进行冻结，修改数组的时候会出现 Immer 在内部做了一件很巧妙的事情，那就是通过 produce 生成的 nextState 是被冻结（freeze）的，（Immer 内部使用Object.freeze方法，只冻结 nextState 跟 currentState 相比修改的部分），这样，当直接修改 nextState 时，将会报错。 这使得 nextStat.
vue 报错 Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘ (BaseClient.js:1）
最新发布
Youxingfang的博客
09-12 1007
atat。
报错Cannot assign to read only property ‘remark‘ of object ‘#＜Object＞‘
qq_40576178的博客
06-30 8323
问题： 对象中属性无法修改并报错Cannot assign to read only property ‘remark’ of object ‘#’ 从报错信息得出：无法修改只读属性remark，就考虑到使用底层Object.defineProperty将remark修改为可写的状态，但依旧报错，最终一下方法解决 解决方案： 我是使用ES6深拷贝大法解决的，若有更好的解决办法 欢迎各位大佬的方案 ...
vue项目报错Cannot assign to read only property ‘exports‘ of object ‘Object‘
kksw1121
07-27 1336
vue项目报错Cannot assign to read only property ‘exports’ of object ‘Object’，原因是commonJS和ES6的语法混用导致的 解决办法 安装 transform-es2015-modules-commonjs npm install transform-es2015-modules-commonjs 修改babel的配置文件，添加plugin ...
vue-router.esm.js:1897 TypeError: Cannot assign to read only property 'exports' of object '#<Object>'
05-30
3. 在使用模块时，确保你的代码是在支持ES6模块的环境下运行的。如果你的环境不支持ES6模块，请考虑使用Babel等工具进行转换。 如果你能提供更多的上下文和代码示例，我可以更好地帮助你解决这个问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

卡布奇诺-海晨

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

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

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

打赏作者

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

抵扣说明：

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

余额充值