likes
comments
collection
share

关于vite编译vue3+element plus+ts项目报access is denied错误解

作者站长头像
站长
· 阅读数 37

问题:

用vite运行vue3+element plus+ts项目时候,报错access is denied(拒绝访问),访问不到element-puls的一个文件:

关于vite编译vue3+element plus+ts项目报access is denied错误解

排查思路

  1. 报这个错误肯定不是代码层面的
  2. 有可能是npm 安装依赖时候,某些包被占用了,或者没下载下来;
  3. 依赖包的版本问题
  4. 其他端口的程序也访问了这个文件,导致被占用
  5. node版本问题

具体实施排查过程

主要是针对前面的排查思路去,假设,然后去验证这个假设是否成立,假设是否成立的标准就是解决这个问题。例如,如果是包的下载问题,那就直接删了node_modules重新下,如果是版本问题,则去相应的包的github那看是否相关issue,然后一遍操作下来,最后我还是直接说结果吧:

解决方法:

经排查发现是当前node版本过低导致的,升级node版本为14.18.x以上的版就可以了当前node版本:关于vite编译vue3+element plus+ts项目报access is denied错误解

升级node版本后:关于vite编译vue3+element plus+ts项目报access is denied错误解

项目编译正常启动了。

总结

排查了好几小时,最后终于解决了,说实话,我当时看到这个报错也是一脸懵,毕竟其他同事都可以运行的项目,怎么到我这就有问题了,虽然问题解决了,可是造成这个问题的原因还是没捋明白,可能是自己的技术能力水平有限,欢迎各位大佬指导一下。当然,我写这文章也是想给遇到相同问题的人一个参考的解决方向,也记录一下自己遇到编程上疑难杂症,虽然一时没明白具体原因,不过后面再看看,或许又是另一番理解呢。