element-theme 使用踩坑

发布时间 2023-08-11 21:16:11作者: fox_charon

一、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.1
node-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 -g
mkdir new_style && cd new_style // 文件夹叫什么名字随你喜欢
et -i // 初始化

// 此处省略很多行...如果你需要改样式的话,应该改 element-variable.scss 这个文件

et // 生成文件

// 生成后的文件在 theme 文件夹里面,里面有很多文件,全部引入的话,只需要引入 index.css