vue引入第三方插件报错Cannot assign to read only property 'exports'

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

#vue #webpack

博客指出本地项目用Webpack能正常打包运行，但在测试环境使用Webpack2.x版本打包后报错‘Cannot assign to read only property 'exports' of object '#<Object>'’，解决办法是删除项目根目录下.babelrc文件的‘transform-runtime’插件，之后编译正常。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在本地时项目正常运行，使用webpack也能正常打包

但是在测试环境使用webpack2.x版本打包后项目报错：

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

解决方法：删除项目根目录下.babelrc文件的“transform-runtime”插件，编译过后项目正常运行

前端JS错误捕获--sourceMap
woyidingshijingcheng的博客
01-08 2719
前言 在我们的项目开发中，随着项目的不断完善，线上bug的捕获、调试和处理是越来越重要，那如何来解决这个问题呢？ 传统方案 1、增加多个console.log来打印报错信息 2、弹alert提示用户 或者是升级一步，捕获用户的报错，上传错误日志 通常情况下在try-catch里捕获错误信息，或者window.onerror里捕获。 可以了解window.onerror捕获异常的同学，可以学习一下 ...
viser-vue打包编译运行报错Cannot assign to read only property ‘constructor‘ of object ‘#＜t＞‘
m0_49280365的博客
06-02 1128
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>'...
weixin_34080951的博客
05-07 589
刚刚运行一下以前的一个Vue+webpack的demo，运行之后没有出现想象中的效果，并且报错 Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>' 点开错误的文件，标注错误的地方是这样的一段代码： import {normalTime} from...
vue项目启动报错Uncaught TypeError: Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘
Lavante的博客
01-09 999
plugins中的 transform-runtime删除或注释掉可解决。修改根目录下的.babelrc 文件。
vue项目打包部署报错：Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘
SM_Cute的博客
04-04 1122
vue项目打包部署报错：Cannot assign to read only property 'exports' of object '#'
Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘
web_ding的博客
11-01 4232
背景：在一个旧项目中，发现重新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..
前端加载报错Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘
changyana的博客
04-13 926
webpack打包的时候，可以在js文件中混用require和export。但是不能混用import 以及module.exports。
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应用时，由于模块导入导出规范的...
使用 babel-loader 打包 ES6 代码出现Cannot assign to read only property ‘exports’ of object ‘#‘解决
缚己
01-22 602
问题截图 翻译： 不能赋值给对象'#<Object>'的只读属性'exports' 如果你使用了 @babel/plugin-transform-runtime 插件，同时你又在某个commonJS 规范写的文件里使用这个插件时，babel 会默认你这个文件是 ES6 的文件，然后就使用 import 导入了这个插件，但是 webpack 不可以混用这两种语法规范。 解决方法就是在 babel.config.js 配置文件中设置 unambiguous 字段。让 babel 和 webpac
viewerCesiumNavigationMixin.min.js
01-27
cesium 罗盘 比例尺
Cannot assign to read only property '__esModule' of #Object 的问题
marko_zheng的博客
09-12 8060
Cannot assign to read only property ‘__esModule’ of #Object 的问题 问题背景： 我这里使用了Vue+elementUI构建的项目，项目中依赖echarts，webpack，babel等模块，打包后在高版本浏览器中没有问题，但是在低版本的浏览器中，谷歌1.7.X，或者IE8一下，就会报错 Cannot assign to read...
怎么捕获 Vue 组件的错误信息
Li_Arena的博客
08-29 894
1、errorCaptured 是组件内部钩子，当捕获一个来自子孙组件的错误时被调用，接收 error、 vm、info 三个参数，return false 后可以阻止错误继续向上抛出; 2、errorHandler 为全局钩子，使用 Vue.config.errorHandler 配置，接收参数与 errorCaptured 一 致，2.6 后可捕捉 v-on 与 promise 链的错误，可用于统一错误处理与错误兜底. ...
VUE- 解决插件报错问题
weixin_30888413的博客
09-06 353
VUE- 解决插件报错问题 解决办法：先删除node_modules整个文件夹，然后cnpm cache clean,然后cnpm install. cnpm cache clean时可能会提示 这时执行cnpm cache clean --force即可,再cnpm install.。 注： 如文件太大，删除过慢。 可使用fas...
前端捕捉错误方式
weixin_43837268的博客
05-10 1675
1、如何监控资源加载失败 方案一：script onerror 我们可以给 script 标签添加上 onerror 属性，这样在加载失败时触发事件回调，从而捕捉到异常。 1 <script onerror="onError(this)"></script> 并且，借助构建工具 ( 如 webpack 的script-ext-html-webpack-plugin插件) ，我们可以轻易地完成对所有 script 标签自动化注入 ...
前端错误异常捕获监控
aiwo035的博客
07-16 1540
前端错误的分类： 即时运行错误（代码错误） 资源加载错误第一种错误一般用：try...catch实例：try{function findError (){var name = "223"console.log(Name)}}catch(err){console.log(err)}window.onerror实例：window.onerror = function(msg, ur...
前端常用库及第三方插件
weixin_50307964的博客
06-14 1152
Ant Design （推荐）​ 难度级别：中等​ 适用框架：最火的三大框架都可以​ 注：如果你是vue爱好者不是很建议，ant写法类似于react​ 网址：https://ant.design/index-cnelement-ui （推荐）​ 难度级别：简单​ 适用框架：vue2​ 网址：https://element.eleme.cn/#/zh-CN/component/installation​2.element-plus（不推荐）...
怎么捕获 Vue 组件的错误信息？
JINGinC的博客
11-06 3543
总结以下几点如何捕获Vue组件的错误信息 一、使用errorCaptured 当捕获一个来自子孙组件的错误时被调用。此钩子会收到三个参数：错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。此钩子可以返回false以阻止该错误继续向上传播。 二、使用errorHandler 为全局钩子，使用 Vue.config.errorHandler 配置，接收参数与 errorCaptured 一 致，2.6 后可捕捉 v-on 与 promise 链的错误，可用于统一错误处理与错误兜底 ...
关于vue中引用第三方资源路径错误问题
tongzhe1236的博客
06-27 1220
最近做vue项目时需要引入第三方资源包（原生HTML+JavaScript做的），不需要安装依赖，直接拷进项目的根目录，但是在使用的时候页面出不来，打包的时候也没打进去，主要是路径不正确导致的。主要解决办法是通过copy-webpack-plugin插件代理路径......
Uncaught TypeError: Cannot assign to read only property 'constructor' of object '#<Group>'
最新发布
07-17
我们正在处理一个JavaScript运行时错误：Uncaught TypeError: Cannot assign to read only property 'constructor' of object 'Group' 根据引用[1]和引用[2]中的信息，类似的错误（Cannot assign to read only ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值