React/vue開發(fā)報錯TypeError:this.getOptions?is?not?a?function的解決
一、問題的出現(xiàn):
在進(jìn)行 React / vue項(xiàng)目開發(fā)的時候,出現(xiàn)了這個錯誤:
TypeError: this.getOptions is not a function,如下所示:

二、問題的分析:
這個實(shí)際上就是 sass-loader 的版本過高或過低,與當(dāng)前node版本不對應(yīng),不兼容 getOptions 函數(shù)方法,所以需要對 sass-loader 進(jìn)行升級或降級處理。
三、解決方案
1、命令行卸載node-sass和sass-loader,重新安裝跟你當(dāng)前node版本對應(yīng)的node-sass和sass-loader。
npm uninstall node-sass sass-loader npm install sass-loader@版本號 node-sass@版本號 --save-dev //安裝對應(yīng)的版本
2、或者可以刪除node_modules文件夾,直接修改package.json里sass-loader和node-sass里的版本,然后npm install
四、node 版本與 node-sass 版本的對應(yīng)關(guān)系
1、可自行查看node-sass官方文檔
2、可參考下圖:

五、如果沒有找對正確的版本對應(yīng)
可以嘗試使用我正在使用的node 及 node-sass 及 sass-loader 的版本對應(yīng)關(guān)系,親測沒有問題:
node:
v14.19.0;
node-sass:^4.14.1;
sass-loader:^7.3.1;
最后補(bǔ)充一句:不止 sass-loader 同樣 less-loader ,css-loader,style-loader都有可能出現(xiàn)同樣問題,那么按照上面的步驟找到對應(yīng)版本的loader重新安裝即可
總結(jié)
到此這篇關(guān)于React/vue開發(fā)報錯TypeError:this.getOptions is not a function解決的文章就介紹到這了,更多相關(guān)TypeError:this.getOptions is not a function內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
vue3+Element采用遞歸調(diào)用封裝導(dǎo)航欄實(shí)現(xiàn)
本文主要介紹了vue3+Element采用遞歸調(diào)用封裝導(dǎo)航欄,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06
Vue+Springboot實(shí)現(xiàn)接口簽名的示例代碼
這篇文章主要介紹了Vue+Springboot實(shí)現(xiàn)接口簽名的示例代碼,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04
vue-router實(shí)現(xiàn)嵌套路由的講解
今天小編就為大家分享一篇關(guān)于vue-router實(shí)現(xiàn)嵌套路由的講解,小編覺得內(nèi)容挺不錯的,現(xiàn)在分享給大家,具有很好的參考價值,需要的朋友一起跟隨小編來看看吧2019-01-01
使用elementUI表單校驗(yàn)函數(shù)validate需要注意的坑及解決
這篇文章主要介紹了使用elementUI表單校驗(yàn)函數(shù)validate需要注意的坑及解決,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-06-06
詳解Vue 普通對象數(shù)據(jù)更新與 file 對象數(shù)據(jù)更新
本篇文章主要介紹了詳解Vue 普通對象數(shù)據(jù)更新與 file 對象數(shù)據(jù)更新 ,具有一定的參考價值,有興趣的可以了解一下。2017-04-04
如何解決npm i下載依賴的時候出現(xiàn)某依賴版本沖突
這篇文章主要介紹了如何解決npm i 下載依賴的時候出現(xiàn)某依賴版本沖突問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
vue.js使用v-model指令實(shí)現(xiàn)的數(shù)據(jù)雙向綁定功能示例
這篇文章主要介紹了vue.js使用v-model指令實(shí)現(xiàn)的數(shù)據(jù)雙向綁定功能,簡單分析了v-model指令的功能并結(jié)合實(shí)例形式給出了v-model指令實(shí)現(xiàn)數(shù)據(jù)雙向綁定相關(guān)操作技巧,需要的朋友可以參考下2018-05-05

