element ui 自定义主题失败(primordials is not defined)

简介: 最近在使用Element ui 自定义主题时,遇到了问题,就是一直提示primordials is not defined。简言之,就是node版本的问题。所以需要降低node版本。

最近在使用Element ui 自定义主题时,遇到了问题,就是一直提示primordials is not defined。简言之,就是node版本的问题。所以需要降低node版本。


网络异常,图片无法展示
|


卸载:


1、卸载cnpm


npm uninstall cnpm -g


2、卸载vue-cli


npm uninstall @vue/cli -g


3、卸载nodejs和删除文件


C:\Program Files (x86)\nodejs
C:\Program Files\nodejs


C:\Users\Administrator\AppData\Roaming\npm
C:\Users\Administrator\AppData\Roaming\npm-cache


安装:


1、安装稳定版node


https://nodejs.org/download/release/v11.15.0/node-v11.15.0-x64.msi


2、安装淘宝镜像cnpm


npm install -g cnpm --registry=https://registry.npm.taobao.org
npm config set registry https://registry.npm.taobao.org


3、安装vue-cli


cnpm install @vue/cli -g


4、进入项目文件


删除 package-lock.json文件和node_modules文件夹


5、编辑package.json文件


删除两行


"element-theme": "^2.0.1",
   "element-theme-chalk": "^2.13.0",


6、重新安装依赖


cnpm i


cnpm i element-theme -g


cnpm i element-theme-chalk -D


8、初始化全局变量文件


et -i


9、创建theme文件夹


et


10、在main.js引入


import '../theme/index.css'




相关文章
|
1月前
element ui实现多层级复杂表单的操作(添加与回显)之表单操作交互操作
element ui实现多层级复杂表单的操作(添加与回显)之表单操作交互操作
33 0
|
1月前
Element UI之el-tabs的样式修改字体颜色、下划线、选中/未选中
Element UI之el-tabs的样式修改字体颜色、下划线、选中/未选中
147 0
|
16天前
|
JavaScript
Vue给Element UI的el-popconfirm绑定按钮事件
Vue给Element UI的el-popconfirm绑定按钮事件
|
1天前
|
JavaScript
vue element ui 打开弹窗出现黑框问题
vue element ui 打开弹窗出现黑框问题
12 1
|
13天前
【UI】 element ui 表格没有数据时用--填充
【UI】 element ui 表格没有数据时用--填充
20 2
|
17天前
element-ui中Form表单使用自定义验证规则
element-ui中Form表单使用自定义验证规则
10 0
|
1月前
|
前端开发
element ui实现多层级复杂表单的操作(添加与回显)之回显功能实现
element ui实现多层级复杂表单的操作(添加与回显)之回显功能实现
14 0
|
1月前
|
JSON 数据格式
element ui实现多层级复杂表单的操作(添加与回显)之添加功能实现
element ui实现多层级复杂表单的操作(添加与回显)之添加功能实现
13 0
|
1月前
|
JavaScript 数据库
vue使用element ui实现下拉列表分页的功能!!!
vue使用element ui实现下拉列表分页的功能!!!
31 0
|
1月前
|
Web App开发 前端开发 JavaScript
Spring Boot整合 mybatisplus(后端) Vue+echarts+Element UI+axios(前端)---前后端项目实例demo
Spring Boot整合 mybatisplus(后端) Vue+echarts+Element UI+axios(前端)---前后端项目实例demo
27 1