一、Unknown custom element: <> - did you register the component correctly? For recursive compon
致因:
没有components:{XXXX},直接XXXX了
二、Component name “XXXX“ should always be multi-word vue/multi-word-component-names
致因:
在组件命名的时候未按照 ESLint 的官方代码规范进行命名,根据 ESLint 官方代码风格指南,除了根组件(App.vue)以外,其他自定义组件命名要使用大驼峰命名方式或者用“-”连接单词进行命名;
这里我就是创了一个vue文件,命名为Son,报错!
解决:
1、配置 vue.config.js文件 添加以下代码
lintOnSave: false // 关闭eslint校验
注:第一种方法可以成功运行,但是代码依旧会有一个报红,所以我选择第二种方法
2、重命名vue文件,改成MySon.vue,也就是大驼峰命名
3、配置 .eslintrc.js文件,这是网上的第三种方法。
虽然我没有这个文件,但是我将这个方法试了,没有成功,会有报错
方法来源:(blog.csdn.net/weixin_4241…)
三、Mixed spaces and tabs no-mixed-spaces-and-tabs
解决:
修改 package.json文件,在其rules下加入以下代码:
"no-mixed-spaces-and-tabs":0
四、vue项目里的main.js引入样式不报错但是没有生效
解决:
1、运行项目浏览器F12键检查,Elements的styles里面有样式,说明引入没有问题,并且引入成功!
2、但是不生效,说明样式里的选择器的类名没有对应!!!我这里犯得错就是,把App.vue文件里的div标签类写的class="app";但是在我的样式文件里是id选择器,修改之后就没有问题了;
五、其他不报错但没有结果的问题
解决:
1、一般是某个单词的拼写错误,像我就经常漏写一个字母找半天
2、还有就是代码真的没有问题,但就是不成功,这个时候就需要重启vscode和项目了,能解决好多莫名奇妙的问题;实在实在还是不行,就重启电脑吧,也挺好使的!
3、总之,遇到问题找百度,不慌