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>
本文来自博客园,作者:{lvhanghmm},转载请注明原文链接:https://www.cnblogs.com/lvhanghmm/p/14485113.html