vue3編譯報(bào)錯(cuò)ESLint:defineProps is not defined no-undef的問(wèn)題
vue3編譯報(bào)錯(cuò)ESLint:defineProps is not defined no-undef
解決之道
在/package.json的eslintConfig.env中加入一行:
"vue/setup-compiler-macros": true
網(wǎng)上找答案,總是扯什么修改.eslint.js文件,須知改文件位于node_modules,如大海撈針,并且有多個(gè)。
改這里是沒(méi)有道理的,也沒(méi)有效果。
可能是很久之前的答案了吧。
vue2.7 vue-cli項(xiàng)目中使用unplugin-vue-define-options
安裝unplugin-vue-define-options
配置vue.config.js
module.exports = { // ...省略其他無(wú)關(guān)配置 configureWebpack: (config) => { config.plugins.push(require('unplugin-vue-define-options/webpack')()) }, }
如果使用了ts配置tsconfig.json
{ "compilerOptions": { // ....省略其他無(wú)關(guān)配置 "types": [ // ....省略其他無(wú)關(guān)配置 "unplugin-vue-define-options/macros-global" ], // ....省略其他無(wú)關(guān)配置 }
在組件中使用即可
<script setup lang="ts"> defineOptions({ name: 'Foo', inheritAttrs: false, }) </script>
如果在開發(fā)模式下出現(xiàn)關(guān)于defineOptions引用錯(cuò)誤,檢查一下是否使用了unplugin-vue2-script-setup
我就遇到了,去掉這個(gè)插件后就沒(méi)問(wèn)題了如果在構(gòu)建后出現(xiàn)ReferenceError: defineOptions is not defined錯(cuò)誤,在vue.config.js中添加parallel: false配置可以解決
總結(jié)
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue.js前后端數(shù)據(jù)交互之提交數(shù)據(jù)操作詳解
這篇文章主要介紹了vue.js前后端數(shù)據(jù)交互之提交數(shù)據(jù)操作,結(jié)合實(shí)例形式較為詳細(xì)的分析了vue.js前后端數(shù)據(jù)交互相關(guān)的表單結(jié)構(gòu)、約束規(guī)則、數(shù)據(jù)提交等相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下2018-04-04element el-table如何實(shí)現(xiàn)表格動(dòng)態(tài)增加/刪除/編輯表格行(帶校驗(yàn)規(guī)則)
這篇文章主要介紹了element el-table如何實(shí)現(xiàn)表格動(dòng)態(tài)增加/刪除/編輯表格行(帶校驗(yàn)規(guī)則),本篇文章記錄el-table增加一行可編輯的數(shù)據(jù)列,進(jìn)行增刪改,感興趣的朋友跟隨小編一起看看吧2024-07-07Element-UI介紹主題定制、自定義組件和插件擴(kuò)展的代碼示例
本文介紹了使用Element-UI實(shí)現(xiàn)主題定制、自定義組件和擴(kuò)展插件的方法和實(shí)用案例,在開發(fā)過(guò)程中,我們可以根據(jù)自己的需求,靈活選擇相關(guān)的技術(shù)手段,并不斷探索和嘗試,以提高開發(fā)效率和用戶體驗(yàn),感興趣的朋友跟隨小編一起看看吧2024-02-02Vue.js中NaiveUI組件文字漸變的實(shí)現(xiàn)
這篇文章主要介紹了Vue.js中NaiveUI組件文字漸變的實(shí)現(xiàn),文章圍繞主題展開詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,需要的小伙伴可以參考一下2022-07-07Vue3+vantUI3時(shí)間組件封裝過(guò)程支持選擇年以及年月日時(shí)分秒
這篇文章主要介紹了Vue3+vantUI3時(shí)間組件封裝過(guò)程支持選擇年以及年月日時(shí)分秒,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧2024-07-07vue3使用Element-plus的el-pagination分頁(yè)組件時(shí)無(wú)法顯示中文
本文主要介紹了vue3使用Element-plus的el-pagination分頁(yè)組件時(shí)無(wú)法顯示中文,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-12-12解決vue中修改了數(shù)據(jù)但視圖無(wú)法更新的情況
今天小編就為大家分享一篇解決vue中修改了數(shù)據(jù)但視圖無(wú)法更新的情況,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08Vue3項(xiàng)目中通過(guò)LuckySheet實(shí)現(xiàn)Excel在線編輯功能
在實(shí)現(xiàn)Excel文件導(dǎo)入時(shí),領(lǐng)導(dǎo)要求實(shí)現(xiàn)在前端導(dǎo)入文件后,不調(diào)用后端的接口,而是直接顯示excel文件的內(nèi)容,等待用戶修改完以后,再調(diào)用后端接口進(jìn)行文件的提交,所以本文介紹了Vue3項(xiàng)目中通過(guò)LuckySheet實(shí)現(xiàn)Excel在線編輯,需要的朋友可以參考下2025-04-04