首页 > 其他分享 >Vue3引入element报错

Vue3引入element报错

时间:2024-02-20 09:12:27浏览次数:29  
标签:vue import app element plus Vue3 报错 App

问题描述:
在Vue3中引入element(控制台npm i element-ui -S),引入完成后并不能成功应用element组件
解决方案:
目前element-ui只支持Vue2.6以下的版本,想在Vue3.0使用这个组件库,就要使用element-plus
1.在根目录
vue add element-plus
2.在 main.js 中引入即可
import { createApp } from 'vue'
import ElementPlus from 'element-plus';
import 'element-plus/lib/theme-chalk/index.css';
import App from './App.vue';

const app = createApp(App)
app.use(ElementPlus)

app.mount('#app')

标签:vue,import,app,element,plus,Vue3,报错,App
From: https://www.cnblogs.com/qiyuemiyou/p/18022331

相关文章

  • odoo安装模块报错& 更新postgresql数据库
    在本地win11环境下部署了一个odoo17,一开始还好好的,运行几次之后,每次登录就会报错,安装模块时也会报错。一开始,服务器的报错信息提示keyerror:mail.... 个人判断应该是缺少模块,在尝试安装了邮件营销的模块后恢复正常。但是随后尝试别的模块时又开始报错。网页前端和服务......
  • docker login 私有仓库harbor 502 Bad Gateway的报错
    具体报错:Logindidnotsucceed,error:Errorresponsefromdaemon:loginattempttohttp://harbor.com/v2/failedwithstatus:502BadGateway其实harbor在网页端是可以登录的,但是dockerlogin-uadmin-p1harbor.oldboyedu.com的时候依旧是提示报错的一般这种报错......
  • IDEA、Pycharm等所有JetBrains产品同时报错:Internal error. Please refer to https://
    IDEA、Pycharm等所有JetBrains产品同时报错:Internalerror.Pleaserefertohttps://jb.gg/ide/critical-startup-errors错误Internalerror.Pleaserefertohttps://jb.gg/ide/critical-startup-errorscom.intellij.ide.plugins.StartupAbortedException:Cannotstartap......
  • Vue3入门
    认识Vue3目录认识Vue3Vue2选项式APIvsVue3组合式APIVue3的优势使用create-vue搭建Vue3项目认识create-vue使用create-vue创建项目熟悉项目和关键文件组合式API—setup选项setup选项的写法和执行时机setup中写代码的特点<scriptsetup>语法糖组合式API—......
  • ptk磐维2.0 om报错
    目录适用范围问题概述问题原因解决方案适用范围ptk安装的磐维2.0问题概述近期ptk安装的磐维2.0数据库,发现gs_om这个命令执行报错。[omm@pw_1~]$gs_om-tstatus[GAUSS-50222]:Thecontentoffile/enmo/panweidb/tool/version.cfgisnotcorrect.Commitidiswro......
  • Oracle 低版本客户端连接19C报错ORA-28040
    适用范围12.2+问题概述客户使用Oracle11.2客户端连接Oracle19c的时候,报错:ORA-28040:NomatchingauthenticationprotocolORA-28040:没有匹配的验证协议问题原因原因客户端与服务器的没有匹配的认证协议解决方案1、在数据库服务器上的$ORACLE_HOME/network/admin/sql......
  • vue3 自动滚动到底部
    <template><divref="container"class="container"><!--内容--></div></template><script>import{ref,watchEffect}from'vue';exportdefault{setup(){constcontain......
  • 记录--vue3的宏到底是什么东西?
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助前言从vue3开始vue引入了宏,比如defineProps、defineEmits等。我们每天写vue代码时都会使用到这些宏,但是你有没有思考过vue中的宏到底是什么?为什么这些宏不需要手动从vue中import?为什么只能在setup顶层中使用这些宏......
  • vue3的宏到底是什么东西?
    前言从vue3开始vue引入了宏,比如defineProps、defineEmits等。我们每天写vue代码时都会使用到这些宏,但是你有没有思考过vue中的宏到底是什么?为什么这些宏不需要手动从vue中import?为什么只能在setup顶层中使用这些宏?vue文件如何渲染到浏览器上要回答上面的问题,我们先来了解一下......
  • code: 'ERR_OSSL_EVP_UNSUPPORTED' 报错解决
    报错:Error:error:0308010C:digitalenveloperoutines::unsupportedatnewHash(node:internal/crypto/hash:69:19)atObject.createHash(node:crypto:133:10)atBulkUpdateDecorator.hashFactory(D:\WzProject\wz-middle-ground-frontend\node_module......