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

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原网站图片。 image.png

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中的失败图片

image.png

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

3、解决方案

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

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

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

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

ok,打完,手工!

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

文章分类
前端
文章标签