Vue報(bào)錯(cuò):Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#<Object>‘的解決方法
發(fā)現(xiàn)問(wèn)題
運(yùn)行一下以前的一個(gè)Vue+webpack的 vue仿新聞網(wǎng)站 小項(xiàng)目,報(bào)錯(cuò)
由于自己vue學(xué)習(xí)不深入,老是這個(gè)報(bào)錯(cuò),找了好久(確切的說(shuō)是整整一下午^...^)才找到原因 -v-
Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'
點(diǎn)開(kāi)錯(cuò)誤的文件,標(biāo)注錯(cuò)誤的地方是這樣的一段代碼:

import {normalTime} from './timeFormat';
module.exports={
normalTime
};
就是module.exports;
解決方法
同過(guò)谷歌查找,和論壇各種搜索:
原因如下:The code above is ok. You can mix require and export. You can‘t mix import and module.exports.
翻譯過(guò)來(lái)就是說(shuō),代碼沒(méi)毛病,在webpack打包的時(shí)候,可以在js文件中混用require和export。但是不能混用import 以及module.exports 。
因?yàn)閣ebpack 2中不允許混用import和module.exports ,
解決辦法就是統(tǒng)一改成ES6的方式編寫(xiě)即可.

import {normalTime} from './timeFormat';
export default normalTime;
再次運(yùn)行:

總結(jié)
以上就是這文章的全部?jī)?nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助,如有疑問(wèn)大家可以留言交流,謝謝大家對(duì)腳本之家的支持。
- Vue項(xiàng)目報(bào)錯(cuò):Uncaught SyntaxError: Unexpected token <
- Vue 報(bào)錯(cuò)TypeError: this.$set is not a function 的解決方法
- 解決vue安裝less報(bào)錯(cuò)Failed to compile with 1 errors的問(wèn)題
- Vue.js報(bào)錯(cuò)Failed to resolve filter問(wèn)題的解決方法
- vue踩坑記-在項(xiàng)目中安裝依賴(lài)模塊npm install報(bào)錯(cuò)
- VUE 項(xiàng)目在IE11白屏報(bào)錯(cuò) SCRIPT1002: 語(yǔ)法錯(cuò)誤的解決
- Vue 解決通過(guò)this.$refs來(lái)獲取DOM或者組件報(bào)錯(cuò)問(wèn)題
- Vue——解決報(bào)錯(cuò) Computed property "****" was assigned to but it has no setter.
- vue-cli 打包后提交到線(xiàn)上出現(xiàn) "Uncaught SyntaxError:Unexpected token" 報(bào)錯(cuò)
- Vue實(shí)戰(zhàn)之項(xiàng)目開(kāi)發(fā)時(shí)常見(jiàn)的幾個(gè)錯(cuò)誤匯總
相關(guān)文章
vue項(xiàng)目設(shè)置打包后的靜態(tài)文件訪(fǎng)問(wèn)路徑
這篇文章主要介紹了vue項(xiàng)目設(shè)置打包后的靜態(tài)文件訪(fǎng)問(wèn)路徑,vue項(xiàng)目的最終項(xiàng)目文件需要經(jīng)過(guò)打包輸出,靜態(tài)文件的訪(fǎng)問(wèn)路徑需要在vue.config.js文件中設(shè)置,本文給大家介紹的非常詳細(xì),需要的朋友可以參考下2024-02-02
VUE中如何渲染Echarts動(dòng)畫(huà)柱狀圖
這篇文章主要介紹了VUE中如何渲染Echarts動(dòng)畫(huà)柱狀圖問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。2023-03-03
Vue預(yù)覽圖片和視頻的幾種實(shí)現(xiàn)方式
本文主要介紹了Vue預(yù)覽圖片和視頻的幾種實(shí)現(xiàn)方式,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07
vue實(shí)現(xiàn)圖片滑動(dòng)驗(yàn)證功能
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)圖片滑動(dòng)驗(yàn)證功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-09-09
vue項(xiàng)目遇見(jiàn)事件冒泡該如何處理詳解
冒泡事件處理是由內(nèi)而外發(fā)生的,例如有兩個(gè)父子div,給他們分別寫(xiě)上點(diǎn)擊事件,點(diǎn)擊子div先響應(yīng)的是子div,再是父div,下面這篇文章主要給大家介紹了關(guān)于vue項(xiàng)目遇見(jiàn)事件冒泡該如何處理的相關(guān)資料,需要的朋友可以參考下2023-04-04
vue 路由頁(yè)面之間實(shí)現(xiàn)用手指進(jìn)行滑動(dòng)的方法
下面小編就為大家分享一篇vue 路由頁(yè)面之間實(shí)現(xiàn)用手指進(jìn)行滑動(dòng)的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨跟隨小編過(guò)來(lái)看看吧2018-02-02
在vue中使用echarts的方法以及可能遇到的問(wèn)題
Echarts是一個(gè)與框架無(wú)關(guān)的JS圖表庫(kù),但是它基于Js,這樣很多框架都能使用它,下面這篇文章主要給大家介紹了關(guān)于在vue中使用echarts的方法以及可能遇到的問(wèn)題的相關(guān)資料,需要的朋友可以參考下2022-09-09
Vue3中使用監(jiān)聽(tīng)器的具體實(shí)踐
監(jiān)聽(tīng)器是Vue3中非常好用的一個(gè)特性,用于監(jiān)聽(tīng)某個(gè)響應(yīng)式變量的變化,本文就來(lái)介紹一下Vue3中使用監(jiān)聽(tīng)器的具體實(shí)踐,具有一定的參考價(jià)值,感興趣的可以了解一下2023-12-12

