devbox
盐析白兔
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

Vue的报错：Uncaught TypeError: Cannot assign to read only property 'exports' of object '#'...
作者：盐析白兔 | 2024-06-23 01:23:33

赞

踩

exports' of object '#

Vue的报错：Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'

 

1.运行一下以前的一个Vue+webpack的 vue仿新闻网站  小项目，报错

由于自己vue学习不深入，老是这个报错，找了好久（确切的说是整整一下午^...^）才找到原因 -v-

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

 

 

 

2.点开错误的文件，标注错误的地方是这样的一段代码：

复制代码 
import {normalTime} from './timeFormat';

module.exports={
　　normalTime
};
复制代码

就是module.exports;

 

 

3.同过谷歌查找，和论坛各种搜索:

原因如下：The code above is ok. You can mix require and export. You can‘t mix import and module.exports.

翻译过来就是说，代码没毛病，在webpack打包的时候，可以在js文件中混用require和export。但是不能混用import 以及module.exports。

因为webpack 2中不允许混用import和module.exports,

解决办法就是统一改成ES6的方式编写即可.

 

import {normalTime} from './timeFormat';

export default normalTime;

 

4.再次运行：

ok^_^

 

转载于:https://www.cnblogs.com/qingqingzou-143/p/7028683.html

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/盐析白兔/article/detail/748242
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。