本地运行Vue3项目npm run serve时遇PostCSS权限拒绝错误求助

云上老周

2026-8-10

解决PostCSS权限错误（EACCES: permission denied, open '/Users/user-name/.config/postcssrc'）

PostCSS尝试读取用户根目录下.config/postcssrc全局配置文件时，当前用户没有足够的读写权限，导致报错。

修复.config目录权限
打开终端，把user-name替换成你的实际用户名，执行命令：
```
sudo chown -R $USER:$USER /Users/user-name/.config
```
这条命令会将.config目录的所有权重新分配给当前用户，解决权限归属问题。
手动创建/修复.postcssrc文件
如果.config目录下没有postcssrc文件，先创建空文件：
```
touch /Users/user-name/.config/postcssrc
```
也可以写入基础配置内容：
```
{
  "plugins": {}
}
```
最后设置正确的文件权限：
```
chmod 644 /Users/user-name/.config/postcssrc
```
使用项目本地PostCSS配置（绕过全局配置）
在项目根目录创建postcss.config.js文件，内容如下：
```
module.exports = {
  plugins: {}
}
```
PostCSS会优先读取项目本地的配置文件，不再去访问全局的.postcssrc，直接绕开权限问题。
清理依赖并重新安装
有时候依赖缓存会引发异常，执行以下命令重置依赖：
```
rm -rf node_modules package-lock.json
npm install
```
完成后重新运行npm run serve即可。