elementUI自定义主题报错解决方案

1、安装自定义主题

安装一个vue项目，里面选择scss就可以了。

此次我我使用的vue3.0+element-plus版本。

安装element-UI的主题工具直接查考elment的官网

根据步骤执行

//此处使用cnpm 或者yarn工具都可以。
1、npm i element-theme -g  
2、npm i element-theme-chalk -D
3、et -i

随便贴一下elementUI原网站图片。

2、常见的报错

执行了et -i，如果出现了编译中的代码，那么恭喜你，直接成功。

但是如果出现下面代码，那么代表着编译失败。

fs.js:45
} = primordials;
    ^

ReferenceError: primordials is not defined
    at fs.js:45:5
    at req_ (C:\Users\jiang\AppData\Roaming\npm\node_modules\element-theme\node_modules\_natives@1.1.6@natives\index.js:143:24)
    at Object.req [as require] (C:\Users\jiang\AppData\Roaming\npm\node_modules\element-theme\node_modules\_natives@1.1.6@natives\index.js:55:10)
    at Object.<anonymous> (C:\Users\jiang\AppData\Roaming\npm\node_modules\element-theme\node_modules\_graceful-fs@3.0.12@graceful-fs

随便贴一下我cmd中的失败图片

如果你也是这个失败问题，那么继续往下看，如果不是，那请继续百度你的失败原因

3、解决方案

如果你看到这里，相比你一定一肚子怨气，因为你之前应该收到过其他答案，例如：cs什么n里面什么 node 降级，或者是什么升级xxx软件版本之类的、还有就是下载一个什么mvn进行node版本控制之类的。 最后捣鼓了很久很久后，依旧没什么用处。

ok，废话完毕，上面这个报错的解决方案就是： 继续安装一下命令

    //此处使用cnpm 或者yarn工具都可以。
    npm install element-themex -g

然后执行 ： et -i 命令进行编译。

ok，打完，手工！

如果解决了你的问题的话，请留下财富密码：今日彩票号码。