Vue项目报错-Syntax Error: TypeError: this.getOptions is not a function

ERROR Failed to compile with 1 error 上午10:36:11

error in ./src/components/InputComponent.vue?vue&type=style&index=0&id=62be3503&lang=scss&scoped=true&

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/postcss-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-options!./src/components/InputComponent.vue?vue&type=style&index=0&id=62be3503&lang=scss&scoped=true& 4:14-469 15:3-20:5 16:22-477
@ ./src/components/InputComponent.vue?vue&type=style&index=0&id=62be3503&lang=scss&scoped=true&
@ ./src/components/InputComponent.vue
@ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=script&lang=js&
@ ./src/App.vue?vue&type=script&lang=js&
@ ./src/App.vue
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://192.168.43.153:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

参考了:
原因
是less-loader安装的版本太高,卸载重新安装7.0版本即可

// 卸载
npm uninstall --save less-loader
// 安装
npm install -D less-loader@7.x

失败!

我用的是sass下了他的加载器后还是不行!

最后还是没有使用lang属性在样式里面!

原代码:

<template>
  <div class="">
    <input type="text" :value="value" :placeholder="placeholder" />
  </div>
</template>

<script>
// 这里可以导入其他文件(比如:组件,工具js,第三方插件js,json文件,图片文件等等)
// 例如:import 《组件名称》 from '《组件路径》'
export default {
  // import引入的组件需要注册到对象(components)中才能使用
  components: {},
  name: "",
  data() {
    // 这里存放数据,返回值为一个对象
    return {
        props: {
            value: String,
            placeholder: String
        }
    };
  },
  // 计算属性依赖缓在,多对一(即多个影响一个),不支持异步
  computed: {},
  // 监控data中的数据变化,不依赖缓存,一对多,支持异步
  watch: {},
  // 方法集合
  methods: {},
  // 生命周期-创建完成(可以访问当前this实例)
  created() {},
  //生命周期-挂载完成(可以访问DOM元素)

  mounted() {},
  //生命周期-创建之前
  beforeCreated() {},

  beforeMount() {}, //生命周期-挂载之前
  beforeUpdate() {}, // 生命周期-更新之前
  updated() {}, //生命周期-更新之后
  beforeDestroy() {}, //生命周期-销毁之前
  destroyed() {}, //生命周期-销毁完成
  activated() {}, //如果页面有keep-alive缓存功能,这个函数会触发
};
</script>

<styles scoped>
/*@import url();引入公共css类*/
</styles>
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

lvhanghmm

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值