`
wx1569488408
  • 浏览: 79203 次
文章分类
社区版块
存档分类
最新评论

Vue报错:Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#<Object>‘的解决方法...

 
阅读更多

出现如题的错误时

网络上的解决办法:点开错误的文件,标注错误的地方是这样的一段代码:

import {normalTime} from './timeFormat';

module.exports={
  normalTime
};

解决方法

通过谷歌查找,和论坛各种搜索:

原因如下: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;

 如以上可以解决问题,就不用往下看了,如不能解决问题往下看

如果出现的是install任何文件都会出现这个错误,怎么改都不行的话,就是版本的问题了。

项目的版本是旧版的,install的是最新的版本就会出现错误,只需要修改版本号就可以了。

用vue-cli脚手架默认是生成vue 2.x的版本,但可以通过修改命令,来生成1.0的版本。

webpack
vue init webpack#1.0 my-project

webpack-simple
vue init webpack-simple#1.0 my-project

转载于:https://my.oschina.net/mingriyi/blog/3084018

分享到:
评论

相关推荐

    Vue报错:Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法

    当你遇到“Uncaught TypeError: Cannot assign to read only property 'exports' of object '#&lt;Object&gt;'”这样的错误,通常是因为在同一个模块中混用了CommonJS(`require`和`module.exports`)和ES6模块(`import`...

    Vue报错:Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#&amp;lt;Object&amp;gt;‘的解决

    在Vue开发过程中,有时会遇到一个常见的错误:`Uncaught TypeError: Cannot assign to read only property 'exports' of object '#&lt;Object&gt;'`。这个错误通常发生在使用Webpack打包Vue应用时,由于模块导入导出规范的...

    Sawyer-zh#study-note#Vue-js路由报错TypeError-Cannot-read-property-c-

    title: 'Vue.js路由报错:TypeError: Cannot read property ''_c'' of undefined'错误详情:像上面这

    Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx

    Vue打包Cannot read property 'tapPromise' of undefined报错处理 Vue.js是一款流行的前端框架,用于构建用户界面和单页应用程序。然而,在使用Vue.js时,我们可能会遇到一些报错信息,例如Cannot read property '...

    Vue项目报错:Uncaught SyntaxError: Unexpected token &lt;

    主要介绍了Vue项目报错:Uncaught SyntaxError: Unexpected token &lt;,在引入第三方依赖的 JS 文件时,遇到的一个问题,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    Vue项目报错:Uncaught SyntaxError: Unexpected token

    今天做一个 VUE 的项目,在引入第三方依赖的 JS 文件时,遇到了一个问题: 控制台的提示:Uncaught SyntaxError: Unexpected token &lt; 按照提示进入文件,再看如下图: 仔细看了看 index.html 文件,发现原本我...

    Vue 报错TypeError: this.$set is not a function 的解决方法

    在Vue.js框架中,`this.$set`是一个用于添加响应式属性的方法,它遵循Vue的依赖追踪机制,确保新添加的属性能够触发视图更新。然而,当你遇到`TypeError: this.$set is not a function`的错误时,通常是因为`this`上...

    控制台报错object is not a function的解决方法

    打开控制台发现报错:object is not a function。 感觉很奇怪,这块的功能最新没动过怎么会突然出问题了呢?上线时主流浏览器都测试过了呀。 虽然奇怪,但是还的解决问题。看着代码发现一个radio对象的name属性和一...

    创建项目时VUE报错的解决办法

    ### 创建项目时Vue报错的解决办法 #### 问题背景及描述 在使用Vue.js进行前端项目开发的过程中,有时会遇到创建新项目时出现错误的情况。这类问题可能会导致项目初始化失败,进而影响到后续的开发进度。本文将针对...

    基于script标签引入vue.js

    在上面的例子中,`&lt;script src="path/to/vue.js"&gt;&lt;/script&gt;` 是引入Vue.js库的关键,`path/to/vue.js` 需要替换为实际文件所在的路径。接下来,在`&lt;script&gt;`标签内,我们创建了一个Vue实例,并将其挂载到ID为`app`的...

    vue.js v-on事件使用,vue.js event事件绑定

    Vue.js 是一款非常流行的前端JavaScript框架,用于构建用户界面。在Vue.js中,事件处理是其核心特性之一,使得开发者可以轻松地响应用户交互。`v-on`指令就是Vue.js中用于事件绑定的关键机制,它允许我们将DOM事件与...

    vue.js和vue.min.js

    Vue.js和Vue.min.js是两种版本的同一款前端JavaScript框架——Vue.js的实现。Vue.js由尤雨溪(Evan You)开发,旨在为构建用户界面提供简洁、易用且可扩展的工具。这两个文件在功能上是相同的,但它们在实际应用中...

    解决vue项目报错webpackJsonp is not defined问题

    在vue单页面应用中,我们大概都会使用CommonsChunkPlugin这个插件。 传送门 CommonsChunkPlugin 但是在项目经过本地测试没有任何问题,打包上线后却会报错 webpackJsonp is ...以上这篇解决vue项目报错webpackJsonp is

    Vue 解决通过this.$refs来获取DOM或者组件报错问题

    &lt;p ref=”p”&gt;hello&lt;/p&gt; &lt;!– this.$refs.p 指向该DOM元素 –&gt; 如果ref属性加在组件上,那么this.$refs.name指向该组件实例 &lt;child ref=”child”&gt;&lt;/child&gt; &lt;!– this.$refs.child 指向该组件 –&gt; 2.为什么...

    【JavaScript源代码】Vue中引入svg图标的两种方式.docx

    在Vue.js应用中,引入SVG图标是常见的需求,因为SVG图标具有良好的可伸缩性和响应性。本篇文章将详细介绍在Vue中引入SVG图标的两种主要方法。 ### 方法一:使用`svg-sprite-loader` 首先,我们需要通过npm或yarn...

    vue.js 仿百度搜索

    &lt;h3&gt;&lt;a :href="result.link"&gt;{{ result.title }}&lt;/a&gt;&lt;/h3&gt; &lt;p&gt;{{ result.snippet }}&lt;/p&gt; &lt;/li&gt; &lt;/ul&gt; &lt;!-- ... --&gt; &lt;/template&gt; ``` 此外,为了优化用户体验,我们还可以添加一些额外的功能,如搜索历史记录、...

    Vue.js学习文档

    ### Vue.js 学习文档知识点总结 #### 一、Vue.js 概览 - **起源与发展**: - **起源**:Vue.js 最初由尤雨溪(Evan You)在2013年底作为个人实验项目开始开发。 - **公开发布**:2014年2月正式公开发布。 - **...

    (vue面试题)如何在Vue.js中实现路由跳转?请简述路由的工作原理包含代码.txt

    &lt;router-link to="/about"&gt;About&lt;/router-link&gt; &lt;router-view&gt;&lt;/router-view&gt; &lt;/div&gt; &lt;/template&gt; ``` 当用户点击这些导航链接时,Vue Router会根据定义的路由规则自动更新视图。 ##### 4. 实现路由跳转 除了...

Global site tag (gtag.js) - Google Analytics