vue3.0引入element ui 报错,
vue3出来一段时间了，元素也更新了版本去兼容vue3，下面这篇文章主要给大家介绍了关于Vue3元素-还有项目自动导入报错的解决方案，文中通过实例代码介绍的非常详细，需要的朋友可以参考下
目录
前言安装步骤1.安装插件vue .配置. js设置3 .国家预防机制跑发球出错解决方案1.问题原因1.1不导入包报错1.2节点。射流研究…和新公共管理版本过低2.解决方法2.1 降低拔出-自动导入插件版本2.2 升级节点。射流研究…和新公共管理版本补充：元素加自动按需导入及出错解决总结
前言
在创建Vue3元素-还有项目时，根据元素加文档，采用自动导入，安装拔下组件插头和拔出-自动导入两款插件，但在按要求配置后运行项目，npm报错
错误语法错误：意外的标记"?"
.\ node _ modules \ un import \ dist \ chunks \ vue-template。cjs:55
const name=i.as？一。姓名；
网上查找发现当前(20220601)并无相关解决方案，经排查发现错误是由拔出-自动导入插件的依赖未进口包引发，查看解决方法可直接跳转至"解决方案"
安装步骤
1.安装插件
npm安装-D拔出-vue组件
新公共管理安装-D拔出-自动导入
两个插件使用一条命令一起安装可能出错
2.vue.config.js 设置
const { define config }=require( @ vue/CLI-service )
const auto import=require(在自动导入/web pack中拔出)
const Components=require(拔下in-vue-Components/web pack )
const { ElementPlusResolver }=require( unplugin-vue-components/resolvers )
module.exports=defineConfig({
configureWebpack: {
插件：[
自动导入({
解析器：[ElementPlusResolver()]，
}),
组件({
解析器：[ElementPlusResolver()]，
}),
],
},
)}
3.npm run serve 出错
解决方案
1.问题原因
以下问题解决其一即可：
1.1unimport 包报错
查找拔出-自动导入插件的依赖未进口包，node _ modules \ un import \ dist \ chunks \ vue-template。cjs:55位置的语句报错：
const name=i.as？一。姓名；
1.2 node.js 和 npm 版本过低
笔者出现此问题时，node.js版本为版本12.18.0，国家预防机制版本为6.14.5
2.解决方法
降低拔出-自动导入插件版本或升级节点。射流研究…和新公共管理版本，选择其一即可：
2.1 降低unplugin-auto-import 插件版本
更换拔出-自动导入插件版本，经验证，安装拔出-自动导入@0.72及以前版本可规避此问题
NPM安装-D拔下-自动导入@ 0。7 .2
2.2 升级node.js 和 npm 版本
将节点。射流研究…版本升级至长期维护版，20220601时为v16.15.0，升级方法：从节点。射流研究…官网下载长期维护版，安装位置选择与当前节点。射流研究…位置相同即可
将新公共管理版本升级为与节点。射流研究…版本匹配的推荐版本，20220601时为8.10.0,升级方法：
新公共管理安装-g npm@8.10.0
补充：element-plus自动按需导入及出错解决
自动按需导入官网教程
首先：NPM安装-D拔下in-vue-组件拔掉电源-自动导入
然后配置网络包。配置。射流研究…
const auto import=require(在自动导入/web pack中拔出)
const Components=require(拔下in-vue-Components/web pack )
const { ElementPlusResolver }=require( unplugin-vue-components/resolvers )
模块。导出={
//.
插件：[
自动导入({
解析器：[ElementPlusResolver()]，
}),
组件({
解析器：[ElementPlusResolver()]，
}),
],
}
也可以直接配置babel.config.js，但是如果安装版本过高可能在配置时会报错，所以安装指定版本
国家预防机制一元素-加@ 1。0 .2-beta 28
一
模块。导出={
插件：[
[
导入，
{
库名：元素加，
customStyleName: (name)={
返回` element-plus/lib/theme-chalk/$ { name }。 CSS
}
}
]
],
}
按照官网自动按需导入元素加出现以下问题：样式不生效
将安装版本更换为国家预防机制一元素-加@ 1。0 .2-beta 28
总结
关于Vue3 Element-plus项目的自动导入错误解决方法的文章到此结束。有关Vue3Element-plus自动导入错误的更多信息，请搜索我们之前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。