Vue报错之SyntaxErrorTypeErrorthis.getOptionsisnotafunction

Vue 报错 之 Syntax Error: TypeError: this.getOptions is not a function

目录

Vue 报错 之 Syntax Error: TypeError: this.getOptions is not a function

一、简单介绍

二、报错现象

三、问题分析

四、问题处理

一、简单介绍

Vue 开发的一些知识整理&＃xff0c;方便后期遇到类似的问题&＃xff0c;能够及时查阅使用。

本节介绍&＃xff0c;Vue 运行时报错 Syntax Error: TypeError: this.getOptions is not a function 的处理&＃xff0c;如果有不足之处&＃xff0c;欢迎指出&＃xff0c;或者你有更好的方法&＃xff0c;欢迎留言。

二、报错现象

ERROR Failed to compile with 1 error 上午10:39:05

error in ./src/views/Login.vuevue&type&＃61;style&index&＃61;0&lang&＃61;scss&

Syntax Error: TypeError: this.getOptions is not a function
&＃64; ./node_modules/vue-style-loaderref–8-oneOf-1-0!./node_modules/css-loader/dist/cjs.jsref–8-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/post
css-loader/srcref–8-oneOf-1-2!./node_modules/sass-loader/dist/cjs.jsref–8-oneOf-1-3!./node_modules/cache-loader/dist/cjs.jsref–0-0!./node_modules/vue-loader/libvue-loader-opt
ions!./src/views/Login.vuevue&type&＃61;style&index&＃61;0&lang&＃61;scss& 4:14-436 15:3-20:5 16:22-444
…

三、问题分析

首先&＃xff0c;检查代码&＃xff0c;并没有什么错误的地方&＃xff1b;其次&＃xff0c;涉及到这个问题&＃xff0c;可能就是版本原因了&＃xff0c;安装的 sass-loader 版本太高&＃xff0c;卸载安装低版本尝试一下。

四、问题处理

可能用到的命令&＃xff1a;

• 查看 node 版本命令&＃xff1a;node -v
• 查看 node-sass 等版本信息&＃xff1a;npm list
• 卸载 sass-loader 命令&＃xff1a;npm uninstall --save sass-loader
• 卸载 ode-sass 命令&＃xff1a;npm uninstall --save node-sass
• 安装低版本sass-loader 的命令&＃xff1a;npm i -D sass-loader&＃64;10.x
• 安装低版本node-sass 的命令&＃xff1a;npm i node-sass&＃64;4.14.1
• 运行 Vue 命令&＃xff1a;npm run serve

1、查看 node 版本和 node-sass 版本依赖关系

参考网址&＃xff1a;GitHub - sass/node-sass: Node.js bindings to libsass

2、查看 当前 node 版本和 node-sass 版本是否符合依赖关系

查看 node 版本命令&＃xff1a;node -v

查看 node-sass 等版本信息&＃xff1a;npm list

3、当前 node 版本和 node-sass 版本符合依赖关系&＃xff0c;可能就是 sass-loader 版本过高&＃xff0c;卸载 sass-loader

卸载 sass-loader 命令&＃xff1a;npm uninstall --save sass-loader

4、尝试安装低版本的sass-loader

这里降到 10.x 版本试试&＃xff0c;你也可试试 11.x 版本先

安装低版本sass-loader 的命令&＃xff1a;npm i -D sass-loader&＃64;10.x

5、运行 vue 工程&＃xff0c;顺利通过了

&＃xff08;如果你的还是有问题&＃xff0c;可以试试在降低&＃xff0c;同时也可对应降低 node-sass 试试&＃xff0c;若再有&＃xff0c;可以尝试找找其他原因&＃xff09;

运行 Vue 命令&＃xff1a;npm run serve