解决vue2学习中的一些报错!!!

184 阅读2分钟

一、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

image.png

四、vue项目里的main.js引入样式不报错但是没有生效

解决:

1、运行项目浏览器F12键检查,Elements的styles里面有样式,说明引入没有问题,并且引入成功!

image.png

2、但是不生效,说明样式里的选择器的类名没有对应!!!我这里犯得错就是,把App.vue文件里的div标签类写的class="app";但是在我的样式文件里是id选择器,修改之后就没有问题了;

image.png

五、其他不报错但没有结果的问题

解决:

1、一般是某个单词的拼写错误,像我就经常漏写一个字母找半天

2、还有就是代码真的没有问题,但就是不成功,这个时候就需要重启vscode和项目了,能解决好多莫名奇妙的问题;实在实在还是不行,就重启电脑吧,也挺好使的!

3、总之,遇到问题找百度,不慌