【bug】解决mac系统安装vue-cli出现的报错问题 Cannot read properties of undefined (reading ‘indexOf‘)

问题描述

当在终端输入vue ui，界面化创建项目时，创建失败，报错为

Cannot read properties of undefined (reading ‘indexOf‘)

与此同时，终端的报错如下：

 

问题出现原因

        这个错误是由于在之前的 npm 版本中的一个 Bug 导致了一些文件夹的所有者被错误地设置为 root。现在需要将这些文件夹的所有者设置为正确的用户。

解决方法

方法1：更改缓存文件夹的所有权

在终端输入以下指令，把绿色部分改为自己mac系统的英文用户名：

sudo chown -R 501:20 "/Users/你的用户名/.npm"
 

执行此命令后将需要输入 macOS 系统的密码，以便授予必要的访问权限。

完成后，可以尝试再次创建 Vue 项目。

方法2：删除并清空 NPM 缓存

可以选择删除 npm 缓存并重建，如下所示：

1. 首先，删除缓存文件夹 `/Users/你的用户名/.npm`。

可以在 Terminal 中使用以下命令删除：

sudo rm -rf ~/.npm
 

2. 再次运行以下命令清空 NPM 的缓存：

npm cache clean --force
 

完成后，可以尝试再次创建 Vue 项目。

创建成功！～