資訊專欄INFORMATION COLUMN
一、簡(jiǎn)單介紹
Vue 開發(fā)中會(huì)出現(xiàn)一些問題，比如：Vue報(bào)錯(cuò)SyntaxError:TypeError:this.getOptionsisnotafunction，要如何解決？
二、報(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ò)誤；第二步，是不是由于版本原因，安裝的 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
問題已經(jīng)解決，我們后續(xù)關(guān)注更多相關(guān)內(nèi)容。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/127808.html
摘要：一表單驗(yàn)證模塊的構(gòu)成任何表單驗(yàn)證模塊都是由配置校驗(yàn)報(bào)錯(cuò)取值這幾部分構(gòu)成的。其實(shí)我是想寫個(gè)指令來完成表單驗(yàn)證的事的。當(dāng)然表單驗(yàn)證這種是高度定制化的。 前言 前段時(shí)間，老大搭好了Vue的開發(fā)環(huán)境，于是我們愉快地從JQ來到了Vue。這中間做的時(shí)候，在表單驗(yàn)證上做的不開心，看到vue的插件章節(jié)，感覺自己也能寫一個(gè)，因此就自己開始寫了一個(gè)表單驗(yàn)證插件va.js。 當(dāng)然為什么不找個(gè)插件呢？ vu...
摘要：?jiǎn)栴}由來最近在做項(xiàng)目的時(shí)候遇到使用循環(huán)組件，因?yàn)槟Ｊ揭粯樱挥袛?shù)據(jù)不一樣。具體代碼如下用上面的方法全局引入組件就可以解決循環(huán)引用組件報(bào)錯(cuò)的問題。 問題由來 最近在做項(xiàng)目的時(shí)候遇到使用循環(huán)組件，因?yàn)槟Ｊ揭粯樱挥袛?shù)據(jù)不一樣。按照普通組件調(diào)用格式來做的時(shí)候總是報(bào)錯(cuò)，錯(cuò)誤信息為[Vue warn]: Unknown custom element: - did you register th...
摘要：格式化安裝插件如果題主認(rèn)真讀了的的話，應(yīng)該可以寫出下面的配置了。用來格式化和提示格式錯(cuò)誤。在編碼過程中提示格式錯(cuò)誤，養(yǎng)成良好的編碼習(xí)慣。 前言 感覺搭建一個(gè)舒服的前端開發(fā)環(huán)境，十分的重要定制化的格式化，編輯器自帶的格式化各種報(bào)錯(cuò)，手動(dòng)改真的會(huì)死人，因此搭建一個(gè)編輯器環(huán)境必不可少，現(xiàn)在要講的是vscode中如何定制vue vs code的配置文件: showImg(https://seg...
摘要：剛新建的項(xiàng)目，同事說要打包一版進(jìn)行測(cè)試，打包完成后放在上發(fā)現(xiàn)路徑報(bào)錯(cuò)問題。查閱配置代理但是這個(gè)配置打包完之后依舊報(bào)錯(cuò)，看了原因，是的路徑還是有問題，把路徑改為就能找到對(duì)應(yīng)的路徑了，以下為修改后代碼關(guān)鍵點(diǎn)在這調(diào)整內(nèi)部的配置。 showImg(https://segmentfault.com/img/bVbu4Zu?w=1600&h=789); 剛新建的vue-cli項(xiàng)目，同事說要打包一版...
在項(xiàng)目中遇見很多問題，報(bào)錯(cuò)是其中常見問題之一，例如在創(chuàng)建 Vue3 + Element-plus 項(xiàng)目中安裝插件，在按照要求配置后運(yùn)行項(xiàng)目，npm 報(bào)錯(cuò)，究竟是怎么回事那？ 我們?cè)?采用自動(dòng)導(dǎo)入，Element-plus 文檔后，安裝 unplugin-vue-components 和 unplugin-auto-import 兩款插件，之后就運(yùn)行項(xiàng)目，結(jié)果出現(xiàn)npm 報(bào)錯(cuò) ERROR ...
閱讀 570·2023-03-27 18:33
閱讀 760·2023-03-26 17:27
閱讀 658·2023-03-26 17:14
閱讀 611·2023-03-17 21:13
閱讀 545·2023-03-17 08:28
閱讀 1833·2023-02-27 22:32
閱讀 1329·2023-02-27 22:27
閱讀 2211·2023-01-20 08:28
