vue/cli4.0以上的版本不能集成ElementUI吗

2021-03-06  本文已影响0人  每日log

好久不做vue项目,今天想借助vue脚手架搭建一个vue项目,发现最新版本的脚手架创建的项目不能集成ElementUI

一、vue/cli脚手架

1 vue/cli安装网址

https://cli.vuejs.org/zh/

2 使用步骤

npm install -g @vue/cli
 vue create my-project

二、ElementUI组件库

1 ElementUI组件库安装

https://element.eleme.cn/#/zh-CN

2 使用步骤

 npm i element-ui –S

以往的3.0版本的只需在main.js中配置相关elementUI即可

// 导入组件库
import ElementUI from 'element-ui';
// 导入组件相关样式
import 'element-ui/lib/theme-chalk/index.css';
// 配置 Vue 插件 
Vue.use(ElementUI);

但是vue/cli4.0以上的版本不存在vue对象 ,而是createApp

import { createApp } from 'vue'
import App from './App.vue'
createApp(App).mount('#app')

element ui引用的是Vue对象,所以在vue/cli4.0以上的版本引用elementui报错。
vue/cli3.0的还是vue对象,最好的解决办法是回滚到3.x支持的版本。

原文:vue/cli4.0以上的版本不能集成ElementUI吗

上一篇下一篇

猜你喜欢

热点阅读