前言:
之前一直都是用vue2的脚手架创建项目 “vue webpack init xxx”
然后前几天接触到了vue3.0的脚手架,它是用 “vue create xxx”创建项目
但是在编译代码的时候莫名有特别多的报错信息,下面我来浅浅说一下我的解决方案
vue create xxx
创建项目我就是正常创建,可以看之前的这篇文章,只不过选择的是vue2.x版本(如下图)
然后后面的步骤就都是一样的了
Delete `␍`eslint(prettier/prettier)
开始我就想着我加几个组件,新增一些路由代码,我才刚创建一个组件“TestView”,然后就正常的把之前的“HomeView.vue”里面的内容复制过来,好家伙,给我报一大堆鬼错误
Delete `␍`eslint(prettier/prettier) 十几个这种错误
后面我看了一下,发现一个快捷的解决方法
点击 CRLF ,把它改成 LF
然后会发现 Delete `␍`eslint(prettier/prettier) 这个报错都没了
不知名错误
解决掉第一个之后,后面又有不知名错误
我在node_modules 里面确实找不到上面说的那个文件,然后找了好久都没有找到这个错误的解决方法,不过幸运的是还是能正常运行,我就暂且不理会这个错误了。
代码严格检测格式报错
像下面多一个空行,多一个空格都报错
万能方法
后面我发现,只要创建项目的时候不选 (Linter / Formatter),就不会有这么严格的检查模式了,详情可以 看我的 另一篇文章
后面没有选这个选项的项目果然就不报那种错误了,没有如此严格的代码规范检测自己就可以写的随意一些
总结:
本文主要是针对刚接触vue-cli3脚手架创建项目的朋友,因为我自己在学习的过程中遇到上文类似的困难,也找了很多文章,但问题也没有很好的解决,靠着自己摸索,发现了里面的问题,希望这篇文章可以让新手朋友们少走一些弯路吧!
本人初次接触vue3,文章如有错误,恳请大家提出问题,本人不胜感激
文章对大家有帮助的话,希望大家能动手点赞鼓励,大家未来一起努力 长路漫漫,道阻且长
转载请注明出处:https://blog.csdn/qq_52855464/article/details/124863988?csdn_share_tail=%7B%22type%22%3A%22blog%22%2C%22rType%22%3A%22article%22%2C%22rId%22%3A%22124863988%22%2C%22source%22%3A%22qq_52855464%22%7D&ctrtid=kVtUf
更多推荐
使用vue-cli3脚手架创建项目的系列报错
发布评论