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>