element-theme 使用踩坑

(相关资料图)

一、node-sass 无法安装导致安装失败

1 首先手动下载 node-sass 安装包（下不下来可以找同事复制一下）

2 安装把这个安装包复制到 C:\Users\Administrator\AppData\Roaming\npm-cache，注意不能直接复制，需要这样：\node-sass\4.14.1\win32-x64-83_binding.node所以总的地址是：C:\Users\Administrator\AppData\Roaming\npm-cache\node-sass\4.14.1\win32-x64-83_binding.node。4.14.1是版本号，如果是别的版本的话这里要改，如果不是就最好不要改，node-sass和nodejs的版本适配非常苛刻，和别的依赖包协同可能也有问题。

二、graceful-fs 报错导致无法编译sass文件

这个问题解释会比较复杂，但是可以先记住能用的版本。

nodejs v14.18.0 gulp v3.9.1node-sass v4.14.1

其中，gulp的版本是 package.json定义的，node-sass会自己装这个版本，不用设置。

然后下一步很关键，需要用 npm-shrinkwrap.json固定 graceful-fs 的版本，固定到 v4.2.2 .

{   "dependencies": {       "graceful-fs": {           "version": "4.2.2"       }   }}

这个文件放到 npm “ 可以生效 ” 的地方。

• 如果是 nodejs ，就是 C:\Users\Administrator\AppData\Roaming\npm
• 如果是 nvm ，就是 C:\Users\Administrator\AppData\Roaming\nvm\v14.18.0当前nvm执行版本是 v14.18.0 ，所以这里是 v14.18.0 。

三、剩下的就是照章办事了

npm i element-theme -gmkdir new_style && cd new_style // 文件夹叫什么名字随你喜欢et -i // 初始化// 此处省略很多行...如果你需要改样式的话，应该改 element-variable.scss 这个文件et // 生成文件// 生成后的文件在 theme 文件夹里面，里面有很多文件，全部引入的话，只需要引入 index.css

关键词：