Vue報錯SyntaxError:TypeError:this.getOptionsisnotafu

3403771864 發布于2022-09-21 22:17 / 571人閱讀

　　一、簡單介紹

　　Vue 開發中會出現一些問題，比如：Vue報錯SyntaxError:TypeError:this.getOptionsisnotafunction，要如何解決？

　　二、報錯現象

　　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

　　..............

　　三、問題分析

　　第一步，檢查代碼是否有錯誤；第二步，是不是由于版本原因，安裝的 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

　　運行 Vue 命令：npm run serve

　　1、查看 node 版本和 node-sass 版本依賴關系

　　參考網址：GitHub - sass/node-sass: Node.js bindings to libsass

　　2、查看當前 node 版本和 node-sass 版本是否符合依賴關系

　　查看 node 版本命令：node -v

　　查看 node-sass 等版本信息：npm list

　　3、當前 node 版本和 node-sass 版本符合依賴關系，可能就是 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、運行 vue 工程，順利通過了

　?。ㄈ绻愕倪€是有問題，可以試試在降低，同時也可對應降低 node-sass 試試，若再有，可以嘗試找找其他原因）

　　運行 Vue 命令：npm run serve

問題已經解決，我們后續關注更多相關內容。

云服務器 GPU云服務器 Vue_Vue Vue vue3 學習筆記 (五)——vue3 _vue

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/127808.html

va.js——Vue 表單驗證插件的寫作過程

摘要：一表單驗證模塊的構成任何表單驗證模塊都是由配置校驗報錯取值這幾部分構成的。其實我是想寫個指令來完成表單驗證的事的。當然表單驗證這種是高度定制化的。前言前段時間，老大搭好了Vue的開發環境，于是我們愉快地從JQ來到了Vue。這中間做的時候，在表單驗證上做的不開心，看到vue的插件章節，感覺自己也能寫一個，因此就自己開始寫了一個表單驗證插件va.js。當然為什么不找個插件呢？ vu...

suosuopuo 2019-08-20 12:30 評論0 收藏0
vue 解決循環引用組件報錯的問題

摘要：問題由來最近在做項目的時候遇到使用循環組件，因為模式一樣，只有數據不一樣。具體代碼如下用上面的方法全局引入組件就可以解決循環引用組件報錯的問題。問題由來最近在做項目的時候遇到使用循環組件，因為模式一樣，只有數據不一樣。按照普通組件調用格式來做的時候總是報錯，錯誤信息為[Vue warn]: Unknown custom element: - did you register th...

Apollo 2019-08-26 12:20 評論0 收藏0
vscode一格式化就報錯？各種風格問題各種報錯煩不勝煩，教你如何用好vue的eslint風格配置

摘要：格式化安裝插件如果題主認真讀了的的話，應該可以寫出下面的配置了。用來格式化和提示格式錯誤。在編碼過程中提示格式錯誤，養成良好的編碼習慣。前言感覺搭建一個舒服的前端開發環境，十分的重要定制化的格式化，編輯器自帶的格式化各種報錯，手動改真的會死人，因此搭建一個編輯器環境必不可少，現在要講的是vscode中如何定制vue vs code的配置文件: showImg(https://seg...

Achilles 2019-08-22 16:16 評論0 收藏0
vue-cli 項目打包完成后運行文件路徑報錯問題

摘要：剛新建的項目，同事說要打包一版進行測試，打包完成后放在上發現路徑報錯問題。查閱配置代理但是這個配置打包完之后依舊報錯，看了原因，是的路徑還是有問題，把路徑改為就能找到對應的路徑了，以下為修改后代碼關鍵點在這調整內部的配置。 showImg(https://segmentfault.com/img/bVbu4Zu?w=1600&h=789); 剛新建的vue-cli項目，同事說要打包一版...

Carson 2019-08-23 18:41 評論0 收藏0
Vue3+Element-plus項目自動導入報錯的解決方案

　　在項目中遇見很多問題，報錯是其中常見問題之一，例如在創建 Vue3 + Element-plus 項目中安裝插件，在按照要求配置后運行項目，npm 報錯，究竟是怎么回事那？我們在采用自動導入，Element-plus 文檔后，安裝 unplugin-vue-components 和 unplugin-auto-import 兩款插件，之后就運行項目，結果出現npm 報錯　　ERROR ...

3403771864 2022-09-21 06:30 評論0 收藏0