从Vite2官方issues学到的经验与教训

缘起

我打算使用自己搭建的V3项目脚手架parcel-vue-app搞一搞项目，毕竟是刚出来，很多东西都不完善，只能自己不断尝试。于是，使用parcel-vue-cli开始初始化项目（如果有小伙伴对parcel-vue-cli不了解的，可以去我另一篇文章《【使用parcel构建vue3项目】上手就教你完成一个登录功能》了解下）。

安装时遇到问题

其中遇到一个问题，在执行命令时提示：

 Error: spawn parcel-vue-cli ENOENT
  at Process.ChildProcess._handle.onexit (node:internal/child_process:283:19)
  at onErrorNT (node:internal/child_process:486:16)
  at processTicksAndRejections (node:internal/process/task_queues:83:21) {
  errno: -4058,
  code: 'ENOENT',
  syscall: 'spawn parcel-vue-cli',
  path: 'parcel-vue-cli',
  spawnargs: [ 'init', 'my-project' ]
}

当时的解决办法

通过这个错误提示，我不难判断应该是因为找不到parcel-vue-cli，虽然很自信parcel-vue-cli肯定已经安装了，但我还是检查了一下，发现确实没有。

yarn global list

好了，这就是问题所在，当时是觉得奇怪，这怎么好好的没了，但又不得不解决，于是重新安装了一下。

yarn global add parcel-vue-cli

到此，解决！

后续的问题

项目顺利初始化了，然后就是愉快的写代码过程了。写着写着，遇到另一个问题：

TypeError: Cannot read properties of undefined (reading 'createApp')

原来是写了个App组件，结果忘了把App组件注入到vue实例中。错误信息中也提示了：

TypeError: Cannot read properties of undefined (reading 'createApp')
    at src/App.vue:3
    at setup (src/App.vue:49)

在main.js中注入即可解决：

import App from './App.vue'

createApp(App).mount('#app')

至此，解决！

问题已经解决，本以为这只是开发过程中再普通不过的两个小问题，很快也就忘记了。

缘起

过了几天，突然收到一封来自Vite2官方的邮件，通知我Vite2的0.3.9版本已经发布了，其中有一条提到了我，然后我才意识到，我当时遇到的第二个问题在Vite2官方issues中已经被我提过并认可为一个bug了，但是这个bug已经被修复了。

感想

从这件事中，我学到了以下几点经验和教训：

1. 要有独立解决问题的能力。当遇到问题时，不要总是依赖于他人的帮助，要学会自己动手解决问题。虽然刚开始可能会遇到一些困难，但只要坚持下去，就会逐渐培养出独立解决问题的能力。
2. 要养成及时反馈问题的习惯。当遇到问题时，要及时反馈给相关人员，这样才能让问题尽快得到解决。同时，也可以帮助其他人避免遇到同样的问题。
3. 要虚心接受他人的意见和建议。当别人提出不同的意见或建议时，要虚心接受，不要一味地坚持自己的观点。这样才能不断地进步，提高自己的能力。

希望这些经验和教训能对大家有所帮助。