Vue報(bào)錯(cuò)Syntax?Error:TypeError:?this.getOptions?is?not?a?function的解決方法
一、簡單介紹
Vue 開發(fā)的一些知識(shí)整理，方便后期遇到類似的問題，能夠及時(shí)查閱使用。
本節(jié)介紹，Vue 運(yùn)行時(shí)報(bào)錯(cuò) Syntax Error: TypeError: this.getOptions is not a function 的處理，如果有不足之處，歡迎指出，或者你有更好的方法，歡迎留言。
二、報(bào)錯(cuò)現(xiàn)象
ERROR Failed to compile with 1 error 上午10:39:05
error in ./src/views/Login.vue?vue&type=style&index=0&lang=scss&
Syntax Error: TypeError: this.getOptions is not a function
@ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/post
css-loader/src??ref--8-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-opt
ions!./src/views/Login.vue?vue&type=style&index=0&lang=scss& 4:14-436 15:3-20:5 16:22-444
..............
三、問題分析
首先，檢查代碼，并沒有什么錯(cuò)誤的地方；其次，涉及到這個(gè)問題，可能就是版本原因了，安裝的 sass-loader 版本太高，卸載安裝低版本嘗試一下。
四、問題處理
可能用到的命令：
- 查看 node 版本命令：
node -v - 查看 node-sass 等版本信息：
npm list - 卸載 sass-loader 命令：
npm uninstall --save sass-loader - 卸載 ode-sass 命令：
npm uninstall --save node-sass - 安裝低版本 sass-loader 的命令：
npm i -D sass-loader@10.x - 安裝低版本 node-sass 的命令：
npm i node-sass@4.14.1 - 運(yùn)行 Vue 命令：
npm run serve
1、查看 node 版本和 node-sass 版本依賴關(guān)系
參考網(wǎng)址：GitHub - sass/node-sass: Node.js bindings to libsass
2、查看 當(dāng)前 node 版本和 node-sass 版本是否符合依賴關(guān)系
查看 node 版本命令：node -v
查看 node-sass 等版本信息：npm list
3、當(dāng)前 node 版本和 node-sass 版本符合依賴關(guān)系，可能就是 sass-loader 版本過高，卸載 sass-loader
卸載 sass-loader 命令：npm uninstall --save sass-loader
4、嘗試安裝低版本的 sass-loader
這里降到 10.x 版本試試，你也可試試 11.x 版本先
安裝低版本 sass-loader 的命令：npm i -D sass-loader@10.x
5、運(yùn)行 vue 工程，順利通過了
（如果你的還是有問題，可以試試在降低，同時(shí)也可對(duì)應(yīng)降低 node-sass 試試，若再有，可以嘗試找找其他原因）
運(yùn)行 Vue 命令：npm run serve
總結(jié)
到此這篇關(guān)于Vue報(bào)錯(cuò)Syntax Error:TypeError: this.getOptions is not a function的文章就介紹到這了,更多相關(guān)Vue報(bào)錯(cuò)Syntax Error:TypeError內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
- vue?watch報(bào)錯(cuò):Error?in?callback?for?watcher?"xxx":"TypeError的解決方法
- 完美解決vue中報(bào)錯(cuò)?“TypeError:?Cannot?read?properties?of?null?(reading'forEach')“
- vue引入elementUi后打開頁面報(bào)錯(cuò)Uncaught?TypeError的解決方式
- Vue報(bào)錯(cuò):TypeError:?Cannot?create?property?‘xxxx‘?on的解決
- 解決修復(fù)報(bào)錯(cuò)Error in render:TypeError:Cannot read properties of undefined(reading ‘ipconfig‘)問題
相關(guān)文章
在vue3版本中，引入了一個(gè)新的函數(shù)，叫做setup。本文將通過實(shí)例為大家詳細(xì)講講Vue3.2中setup語法糖的使用，感興趣的小伙伴可以了解一下2022-07-07
本文主要介紹了Vite3遷移Webpack5的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)文件上傳讀取及下載功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-09-09
Vue 頁面監(jiān)聽用戶預(yù)覽時(shí)間功能的實(shí)現(xiàn)代碼
這篇文章主要介紹了Vue 頁面如何監(jiān)聽用戶預(yù)覽時(shí)間,首先需要借助vue頁面的生命周期函數(shù)mounted和destroyed，分別加入開始計(jì)時(shí)和清除計(jì)時(shí)的邏輯，通過相關(guān)操作實(shí)現(xiàn)此功能，需要的朋友可以參考下2021-07-07
這篇文章主要介紹了vue antd Form表單的使用及說明，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04
Echarts+VUE柱狀圖繪制細(xì)節(jié)并且屏幕自適應(yīng)完整代碼
柱狀圖(或稱條形圖)是一種通過柱形的長度來表現(xiàn)數(shù)據(jù)大小的一種常用圖表類型,這篇文章主要給大家介紹了關(guān)于Echarts+VUE柱狀圖繪制細(xì)節(jié)并且屏幕自適應(yīng)的相關(guān)資料,需要的朋友可以參考下2024-02-02
Element?ui中menu組件(el-menu/el-menu-item/el-submenu/template)
最近在使用Element開發(fā)時(shí)遇到了不少問題,下面這篇文章主要給大家介紹了關(guān)于Element?ui中menu組件(el-menu/el-menu-item/el-submenu/template)層級(jí)結(jié)構(gòu)與用法的相關(guān)資料,需要的朋友可以參考下2022-12-12
今天小編就為大家分享一篇關(guān)于vue中子組件傳遞數(shù)據(jù)給父組件的講解，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧2019-01-01
Vue表格首列相同數(shù)據(jù)合并實(shí)現(xiàn)方法
這篇文章主要介紹了Vue實(shí)現(xiàn)表格首列相同數(shù)據(jù)合并的方法，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-04-04
如何在Vue中使用CleaveJS格式化你的輸入內(nèi)容
這篇文章主要介紹了如何在Vue中使用CleaveJS格式化你的輸入內(nèi)容，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-12-12