Vue报错SyntaxError:TypeError:this.getOptionsisnotafu

网友投稿 • 2022年10月6日 am9:16 • 云知识 • 阅读 0

　　一、简单介绍

　　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

　　…………..

Vue报错SyntaxError:TypeError:this.getOptionsisnotafu

　　三、问题分析

　　第一步，检查代码是否有错误；第二步，是不是由于版本原因，安装的 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

Vue报错SyntaxError:TypeError:this.getOptionsisnotafu

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

　　查看 node 版本命令：node -v

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

Vue报错SyntaxError:TypeError:this.getOptionsisnotafu

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

　　卸载 sass-loader 命令：npm uninstall –save sass-loader

Vue报错SyntaxError:TypeError:this.getOptionsisnotafu

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

　　这里降到 10.x 版本试试，你也可试试 11.x 版本先

　　安装低版本sass-loader 的命令：npm i -D sass-loader@10.x

Vue报错SyntaxError:TypeError:this.getOptionsisnotafu

　　5、运行 vue 工程，顺利通过了

　　（如果你的还是有问题，可以试试在降低，同时也可对应降低 node-sass 试试，若再有，可以尝试找找其他原因）

　　运行 Vue 命令：npm run serve

Vue报错SyntaxError:TypeError:this.getOptionsisnotafu

问题已经解决，我们后续关注更多相关内容。

原创文章，作者：网友投稿，如若转载，请注明出处：https://www.cloudads.cn/archives/3951.html

Vue报错SyntaxError:TypeError:this.getOptionsisnotafu

相关推荐

发表评论