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