资讯专栏INFORMATION COLUMN

Vue报错SyntaxError:TypeError:this.getOptionsisnotafu

3403771864 / 508人阅读

  一、简单介绍

  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

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


文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/127808.html

相关文章

  • va.js——Vue 表单验证插件的写作过程

    摘要:一表单验证模块的构成任何表单验证模块都是由配置校验报错取值这几部分构成的。其实我是想写个指令来完成表单验证的事的。当然表单验证这种是高度定制化的。 前言 前段时间,老大搭好了Vue的开发环境,于是我们愉快地从JQ来到了Vue。这中间做的时候,在表单验证上做的不开心,看到vue的插件章节,感觉自己也能写一个,因此就自己开始写了一个表单验证插件va.js。 当然为什么不找个插件呢? vu...

    suosuopuo 评论0 收藏0
  • vue 解决循环引用组件报错的问题

    摘要:问题由来最近在做项目的时候遇到使用循环组件,因为模式一样,只有数据不一样。具体代码如下用上面的方法全局引入组件就可以解决循环引用组件报错的问题。 问题由来 最近在做项目的时候遇到使用循环组件,因为模式一样,只有数据不一样。按照普通组件调用格式来做的时候总是报错,错误信息为[Vue warn]: Unknown custom element: - did you register th...

    Apollo 评论0 收藏0
  • vscode一格式化就报错?各种风格问题各种报错烦不胜烦,教你如何用好vue的eslint风格配置

    摘要:格式化安装插件如果题主认真读了的的话,应该可以写出下面的配置了。用来格式化和提示格式错误。在编码过程中提示格式错误,养成良好的编码习惯。 前言 感觉搭建一个舒服的前端开发环境,十分的重要定制化的格式化,编辑器自带的格式化各种报错,手动改真的会死人,因此搭建一个编辑器环境必不可少,现在要讲的是vscode中如何定制vue vs code的配置文件: showImg(https://seg...

    Achilles 评论0 收藏0
  • vue-cli 项目打包完成后运行 文件路径报错问题

    摘要:刚新建的项目,同事说要打包一版进行测试,打包完成后放在上发现路径报错问题。查阅配置代理但是这个配置打包完之后依旧报错,看了原因,是的路径还是有问题,把路径改为就能找到对应的路径了,以下为修改后代码关键点在这调整内部的配置。 showImg(https://segmentfault.com/img/bVbu4Zu?w=1600&h=789); 刚新建的vue-cli项目,同事说要打包一版...

    Carson 评论0 收藏0
  • Vue3+Element-plus项目自动导入报错的解决方案

      在项目中遇见很多问题,报错是其中常见问题之一,例如在创建 Vue3 + Element-plus 项目中安装插件,在按照要求配置后运行项目,npm 报错,究竟是怎么回事那? 我们在 采用自动导入,Element-plus 文档后,安装 unplugin-vue-components 和 unplugin-auto-import 两款插件,之后就运行项目,结果出现npm 报错  ERROR ...

    3403771864 评论0 收藏0

发表评论

0条评论

3403771864

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<