Vue的报错：Cannot assign to read only property 'exports' of object

最新推荐文章于 2023-04-13 10:12:49 发布
最新推荐文章于 2023-04-13 10:12:49 发布
阅读量281 收藏
点赞数
文章标签： vue.js es6 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40013362/article/details/105890454
版权

运行了一个Vue+webpack的 vue仿新闻网站
报错如下：
在这里插入图片描述
报错位置在index.js文件
在这里插入图片描述

通过转论坛发现了最终的问题所在，在webpack打包的时候，可以在js文件中混用require和export。但是不能混用import 以及module.exports。因为webpack 2中不允许混用import和module.exports,所以我的解决办法就是统一改成ES6的方式编写即可.
所以我将
在这里插入图片描述
改为
在这里插入图片描述然后cnpm run dev 就跑起来了！

一路有你！！！
关注
使用 babel-loader 打包 ES6 代码出现Cannot assign to read only property ‘exports’ of object ‘#‘解决
缚己
01-22 466
问题截图 翻译： 不能赋值给对象'#<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 7808
Cannot assign to read only property ‘__esModule’ of #Object 的问题 问题背景： 我这里使用了Vue+elementUI构建的项目，项目中依赖echarts，webpack，babel等模块，打包后在高版本浏览器中没有问题，但是在低版本的浏览器中，谷歌1.7.X，或者IE8一下，就会报错 Cannot assign to read...
Vue 解决Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘
Lisa_Xiaotouzi的博客
11-15 4096
某js文件引用其他js文件 发现问题：没有引入import之前是对的，引入之后就报错了！！！但是单独使用又没有问题！！！ 错误原因：vue项目的 文件中 import 和module.exports 不能混用 解决：把module.exports 改为export default就可以了 破问题，坑死俺了！ ...
react编译错误：Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘
赶路人儿
08-27 7494
使用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 ‘#＜Object＞‘
热门推荐
04-04 6万+
这个错误通常是由于尝试修改只读属性导致的。
Cannot assign to read only property 'exports' of object '#<Object>'
weixin_30471065的博客
03-06 284
基本原因是import 和module.exports 是不能混用在.vue的文件里面的 webpack 2中不允许混用import和module.exports module.exports={ 改为 export default { 　　 转载于:https://www.cnblogs.com/alantao/p/8515704.html...
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应用时，由于模块导入导出规范的...
vue-router.esm.js:1897 TypeError: Cannot assign to read only property 'exports' of object '#<Object>'
最新发布
05-30
这个错误通常是由于在使用ES6模块时，尝试重新分配只读属性导致的。可能原因是你的代码中使用了import或export语句，但是在尝试对导入的对象进行更改时出现了问题。 具体来说，这个错误可能是由于以下原因之一引起...
Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘
qq_37273844的博客
09-27 657
Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘
vue^2.6.10项目启动报错 Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘
weixin_46003296的博客
03-21 736
vue项目启动报错 Cannot assign to read only property ‘exports’ of object ‘#’
vue引入插件Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘
Flydring的博客
04-05 299
vue引入插件Cannot assign to read only property ‘exports’ of object '#' webpack可以使用require和export ，但是不能混合使用import 和module.exports ，不然会报错Cannot assign to read only property ‘exports’ of object ‘#’ 举个例子： 我在用vue使用swiper插件时，一直报错这个错 这个完全没问题啊，一直报着个错，有种砸电脑的触动 然后再githu
前端加载报错Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘
changyana的博客
04-13 856
webpack打包的时候，可以在js文件中混用require和export。但是不能混用import 以及module.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 ‘#&lt;Object&gt;‘点开错误的文件，标注错误的地方是这样的一段代码：import {normalTime} from ‘./timeFo...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值