vue.js - 在 vue3 项目中安装 element ui 插件时出现问题
问题描述
大家好,请在 Vue js 上安装插件时遇到问题,所以我尝试在我的项目上安装 Element Ui 插件,安装成功,但在我的 Vs Code 终端中它显示了这个:
在 ./src/plugins/element.js 中编译时出现 1 个警告
警告“在 'vue' 中找不到导出 'default'(导入为 'Vue')
而且我无法在本地主机服务器上访问我的项目,它只是空白。
我的 Main.JS 文件
import App from "./App.vue";
import router from "./router";
import store from "./store";
import "./plugins/element.js";
createApp(App)
.use(store)
.use(router)
.mount("#app");
包.Json
"name": "jargonapp",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
"dependencies": {
"core-js": "^3.6.5",
"element-ui": "^2.4.5",
"vue": "^3.0.0",
"vue-router": "^4.0.0-0",
"vuex": "^4.0.0-0"
},
"devDependencies": {
"@vue/cli-plugin-babel": "~4.5.0",
"@vue/cli-plugin-eslint": "~4.5.0",
"@vue/cli-plugin-router": "~4.5.0",
"@vue/cli-plugin-vuex": "~4.5.0",
"@vue/cli-service": "~4.5.0",
"@vue/compiler-sfc": "^3.0.0",
"babel-eslint": "^10.1.0",
"eslint": "^6.7.2",
"eslint-plugin-vue": "^7.0.0-0",
"vue-cli-plugin-element": "~1.0.1"
},
"eslintConfig": {
"root": true,
"env": {
"node": true
},
"extends": [
"plugin:vue/vue3-essential",
"eslint:recommended"
],
"parserOptions": {
"parser": "babel-eslint"
},
"rules": {}
},
"browserslist": [
"> 1%",
"last 2 versions",
"not dead"
]
}
解决方案
看来您正在使用不兼容的元素 ui 2 和 vue 3,要使用 Vue 3,您必须安装元素 ui plus
卸载当前版本:
npm uninstall element-ui -S
然后安装最新的:
npm i element-plus -S
最低main.js
含量:
import { createApp } from "vue";
import router from "./router";
import store from "./store";
import ElementPlus from "element-plus";
import "element-plus/lib/theme-chalk/index.css";
import App from "./App.vue";
createApp(App)
.use(ElementPlus)
.use(store)
.use(router)
.mount("#app");
推荐阅读
- javascript - 如何在不使用 eval 的情况下在 onwheel 事件期间触发 oninput?
- javascript - 计时器后向用户显示不同的内容
- node.js - 由于无效的 CRC,无法注册 twitter webhook
- python - 用户在python中输入文件名以在文件错误中导入变量
- javascript - 使用 Javascript 在逗号分隔的字符串中查找新值
- php - 如何使用带有 eloquent 和 laravel 的嵌套急切加载在另一个表中获取外键名称
- python - 在检查页面是否已加载时,expected_conditions as visibility_of_element_located 如何对元素起作用?
- javascript - 测试组件快照,得到 json 错误
- node.js - 使用 express 在 nodeJS 中实现管理面板的最佳方法
- javascript - 如何将值传递给JS中的异步函数