vue3+ts引入element

2023-05-16

vue3和vue2集成element有一定的区别,vue2中使用的是element-ui,vue3中使用的是element-plus
安装
npm install element-plus --save
集成
需要在main.ts中需要添加如下内容

import { createApp } from 'vue'
import App from './App.vue'
import router from './router';
// element
import ElementPlus from 'element-plus';
import 'element-plus/theme-chalk/index.css'

const app = createApp(App)
  .use(router)
  .use(ElementPlus);
  
router.isReady().then(() => {
  app.mount('#app');
});

按照以上操作就可以了。
可能会出现的问题

import 'element-plus/theme-chalk/index.css'

如果引入内容是上的内容,在启动的时候会出现如下错误

  error  in ./src/main.ts
[vue-cli-service] Module not found: Error: Can't resolve 'element-plus/lib/theme-chalk/index.css' in 'D:\dev-env\project\openvidu\android\ionicVue\src'
Build finished at 16:25:47 by 0.000s
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

vue3+ts引入element 的相关文章

随机推荐