VUE 引入element ui 樣式不生效解決

2022-02-12 14:23:16 字數 960 閱讀 1803

已經按官網指示並完成如下引用:

import vue from 'vue';

import elementui from 'element-ui';

import 'element-ui/lib/theme-chalk/index.css';

vue.use(elementui);

此時執行使用elmentui任何標籤都沒有樣式

vue cli(小手架)v3.x~v4.x

分析原因可能是由nodejs的版本引起的,因為每個nodejs版本都有對應的npm 版本

所以導致使用 

npm i element-ui -s

因此使用

node.js 12.13.0可以解決或者node.js 12.13.1

安裝好node.js 12.13.0或者node.js 12.13.1

刪除原來的cli小手架

npm uninstall -g @vue/cli

再安裝小手架

npm install -g @vue/cli

去專案裡面刪除原有的element

npm uninstall element-ui -d

重新安裝element ui

npm i element-ui -s

如果還不行請檢視web.config.js是否配了如下東西

vue引入element ui報錯

1.引入css import element ui lib theme chalk index.css 2.報錯資訊 node modules element ui lib theme chalk index.css 1 0 module parse failed unexpected charac...

vue專案引入element ui

先 npm 安裝element ui npm i element ui s然後分為 完整引入 和 按需引入 完整引入 我就不多說了,十分簡單,參照官網 官網位址 按需引入 首先npm安裝依賴 npm install babel plugin component d然後在babel.config.js...

VUE實戰之引入ElementUI

本文在完成初始化的vue專案中引入elementui,vue專案的搭建過程請在目錄中跳轉相應頁面。npm i element ui s如圖所示,則說明安裝成功 安裝ui後需要引入,引入的方式多種多樣,下面介紹一種常用的引入方式。在main.js中加入下面三行 引入element元素 import e...