从0创建vite+vue3项目遇到的一些坑

使用ws自动创建的vite+vue3项目后设置不了alias

答:不懂原理,但是有其他方法解决。直接在命令行执行“npm init vite@latest"后,一路选下去有create-vue的选项,就选这个create-vue创建;创建后会自动导入一个叫node:url的包,这边是通过这个包来搞掂alias的。从0创建vite+vue3项目遇到的一些坑_第1张图片

router里导入ts文件正常,但是报错

答:tmd就是ws的缓存有问题,点击file -> invalid cache and restart就好了。前提是tsconfig.app.json要有"include": [“env.d.ts”, “src//*", "src//*.vue”]
从0创建vite+vue3项目遇到的一些坑_第2张图片

提示组件名称错误ESLint: Component name “index” should always be multi-word.(vue/multi-word-component-names)

答:单个单词的名称违反了命名规范,需要修改,我们可以使用插件unplugin-vue-define-options
参考链接:https://juejin.cn/post/7114155218857623565

echarts 报错:Uncaught TypeError: Cannot read properties of undefined (reading ‘type’)

答: 这是在echart执行resize时的报错;原因是:vue3中使用proxy的方式监听响应式,chart会被在vue内部转换成响应式对象,从而在resize 的时候获取不到
解决方法是用markrow包裹echarts.init出来的实例。
从0创建vite+vue3项目遇到的一些坑_第3张图片

你可能感兴趣的:(前端学习,vue3)