运行Angular应用执行ng serve时遇node-sass权限及模块缺失问题

嘿，我碰到过一模一样的问题！这俩错误其实是连锁反应——权限问题导致node-sass安装失败，自然就找不到模块了。给你几个靠谱的解决办法，按情况选就行：

方案一：修复全局npm权限（推荐，避免后续权限问题） #

很多时候是因为npm默认的全局安装目录（比如/usr/local）普通用户没有写入权限，导致node-sass编译时无法创建文件夹。可以把全局包目录改到用户专属目录：

• 先查看当前npm全局前缀：npm config get prefix
• 创建自己的全局包目录：mkdir ~/.npm-global
• 配置npm使用这个新目录：npm config set prefix '~/.npm-global'
• 把新目录添加到环境变量：打开你的shell配置文件（比如~/.bashrc或~/.zshrc），添加一行 export PATH=~/.npm-global/bin:$PATH
• 刷新配置让修改生效：source ~/.bashrc（对应你用的配置文件）
• 最后重新安装node-sass到项目依赖：npm install node-sass --save-dev

方案二：临时绕过权限限制（快速解决） #

如果不想改全局目录，也可以用--unsafe-perm参数让node-sass安装时获得足够权限：

• 先清理之前的失败安装残留：删除项目里的node_modules文件夹 rm -rf node_modules，再清理npm缓存 npm cache clean --force
• 重新安装依赖并加上权限参数：npm install --unsafe-perm
• 或者单独安装node-sass：npm install node-sass --save-dev --unsafe-perm

方案三：替换为dart-sass（长远最优解） #

注意啦，node-sass已经停止维护了，Angular现在更推荐用dart-sass（也就是sass包），彻底避免这类兼容性和权限问题：

• 先卸载旧的node-sass：npm uninstall node-sass --save-dev
• 安装dart-sass：npm install sass --save-dev
• 最后修改angular.json配置：把所有提到node-sass的地方替换成sass，比如在build.options.stylePreprocessorOptions或者样式相关的配置项里，确保编译器用的是新的sass包

简单说下原因：第一个EACCES错误是因为npm试图在系统级目录创建node-sass的编译文件夹，但普通用户没权限；第二个找不到模块就是因为安装过程被权限问题打断，node-sass根本没装成功，所以ng serve时找不到它。

内容的提问来源于stack exchange，提问作者Rajeev Varshney