发布时间:2024-08-01 14:01
这个只是个捐助内容,根据个人情况选择捐助即可,你可以选择根据它提示的指令,输入npm fund 就会输出捐助的网页。这个是非必须的。
然后直接输入npm run dev 就能直接运行脚手架了
组件报错提示信息
所以Vue2 经常处理的方法是使用一个div 包裹着,多个元素分别存在div中,这个避免了报错的问题。如下
1.是我们安装的vetur扩展插件导致的,因为它有验证规则,提示开发者注意规范。但这个规范只适用vue2,所以插件是固定,还没有兼容vue3写法,但框架可能随时在更新。
2. 修改扩展插件验证规则,添加vue3支持。
1.修改vs code vetur扩展配置,打开搜索,输入vetur ,然后把下面的选项的去掉。
"extends": ["eslint:recommended", "plugin:vue/vue3-essential"],
。。。这个我找不到怎么添加。 两者修改一个应该就可以了。目前我是这个处理的。
3.修改完成,重启一下vs code,就好了
直接解决页面报红问题了
参考文章:https://blog.csdn.net/qq_45301392/article/details/117714671
https://blog.csdn.net/Ciel2015/article/details/116492648
https://blog.csdn.net/Y_soybean_milk/article/details/124338835?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1-124338835-blog-116492648.pc_relevant_default&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1-124338835-blog-116492648.pc_relevant_default&utm_relevant_index=1