【TypeScript】Element 组件导入在 TypeScript 5 报错：模块 ““element-plus““ 没有导出的成员。。。

最新推荐文章于 2024-06-21 09:36:23 发布
原创 最新推荐文章于 2024-06-21 09:36:23 发布 · 1.7k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#typescript #javascript #vue.js

在升级到typescript5.0并使用`compilerOptions.moduleResolution:bundler`后遇到问题。模块解析策略需改为`Node`以消除错误。修改tsconfig.json中的`moduleResolution`选项为`Node`是当前的解决方案。参考文章深入探讨了TypeScript的模块解析和tsconfig配置。

报错现象

在这里插入图片描述

解决方法

typescript 5.0版本升级，使用了 compilerOptions.moduleResolution: "bundler" 的模块编译选项。

moduleResolution：模块解析策略,是指编译器在查找导入模块内容时所遵循的流程

因此目前要解决报错，我们只需要修改 tsconfig.json 下的为 node 就行。

 /* Bundler mode */
 "moduleResolution": "Node", // 模块解析方式
 // "moduleResolution": "bundler", // ts 5 以上支持

具体请看 issues

参考文章

element-plus引入在TypeScript5.0下的报错
tsconfig之moduleResolution详解

element-plus has no exported member named ‘FormInstance‘模块， element-plus没有导出的成员FormInstance
m0_37922443的博客
06-15 1609
element-plus has no exported member named 'FormInstance'模块， element-plus没有导出的成员FormInstance。
精选资源
vite-vue-admin::party_popper::party_popper:使用Vite + Vue3 + TypeScript + Element-plus + Mock开发的后台管理系统:party_popper::party_popper:
05-12
内置 element-plus 二开封装 upload-file (文件上传，支持指定文件格式，文件大小) powerful-table (多功能表格组件) 自定义配置 由于 vite 不支持 scss export 的导出，无法在运行中修改全局颜色，但可以在...
模块 ““element-plus““ 没有导出的成员 xxx。你是想改用 “import xxx from “element-plus““ 吗?
一个菜鸡
05-28 3004
很多时候导入element plus中某个api时，总是提示：模块 ““element-plus”” 没有导出的成员 xxx。你是想改用 “import xxx from “element-plus”” 吗?，真吉尔恶心。使用它给的配合volar的类型声明，在最新版本又出问题。于是想到了这个方法，一次解决，终身无痛。
模块 ““element-plus““ 没有导出的成员 “FormInstance“。你是想改用 “import FormInstance from “element-plus““ 吗?ts(2614
2201_75705263的博客
05-14 3799
模块 ""element-plus"" 没有导出的成员 "FormInstance"。你是想改用 "import FormInstance from "element-plus"" 吗?vue3项目中导入element-plus有时候会出现这样提示语法错误。第一步：再src里边建立一个文件夹。第二步： 在文件夹里边写入。第三步：重启vs-code。
解决：模块 ““element-plus““ 没有导出的成员 “ElMessage“。你是想改用 “import ElMessage from “element-plus““ 吗?
weixin_71403100的博客
07-04 2845
使用vue3+vite+ts+Element Plus开发项目，项目运行时是正常的，但会有错误显示，如下：二、错误内容：模块 ""element-plus"" 没有导出的成员 "ElMessage"。你是想改用 "import ElMessage from "element-plus"" 吗?
element-plus引入在TypeScript5.0下的报错
qq_46055514的博客
05-22 3145
在tsconfig.json中重写moduleResolution。
Vue3新项目基建：Typescript和Element-Plus的整合应用
- **ESM (ECMAScript Modules)**：指的是现代JavaScript使用的一种模块系统，提供了一种标准化的格式来导入和导出不同的JavaScript模块。 - **Vue 3**：是Vue.js的最新主要版本，提供了许多新特性和改进，如...
导入ElementPlus和ElConfigProvider,来自'element-plus';M'./element-plus/indexjs'导入{ElDialog, ElDrawer};"Vue:模块'element-plus"没有导出成员ELConfigProvider。 您是否想使用import ELConfigProvider from "element-"?从'@/components/index'导入wtm;加上"instead?"从'@/directive'导入{directive}; 在webstorm中引入这组件报错 问题如何处理
06-12
您的错误信息 “ElementPlus 导入 ElConfigProvider 报错 Vue 模块没有导出成员” 通常是由于 ElementPlus 的导入配置不当或 TypeScript 类型定义问题引起的。这很可能发生在 WebStorm IDE 的 Vue 项目中，尤其是...
全面ESM+Vue3+Vite+Element-Plus+TypeScript编写的一款后台管理系统（兼容移动端）
最新发布
09-19
ESM（ECMAScript Modules）作为JavaScript的一种模块化标准，提供了一种非常高效且简洁的代码组织方式，它支持原生的模块导入导出功能，有助于构建更为模块化和可维护的大型应用程序。 Vue3作为新版本的Vue.js框架...
模块 ““element-plus““ 没有导出的成员 “ElMessage“
m0_51945510的博客
06-29 2281
模块 ""element-plus"" 没有导出的成员 "ElMessage"。你是想改用 "import ElMessage from "element-plus"" 吗?
Nuxt配置Element-UI按需引入的操作方法
10-15
主要介绍了Nuxt配置Element-UI按需引入方法，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
记ts报错信息Module ‘“element-plus“‘ has no exported member ‘ElMessage‘.
qq_39098031的博客
04-16 720
引入element-plus ts报错
解决element-plus没有导出的成员FormInstance
我愿化作繁星
06-21 1257
【代码】解决element-plus没有导出的成员FormInstance。
解决vue3中 import type { FormInstance } from ‘element-plus‘出现报错
weixin_52075774的博客
06-05 6284
解决vue3中使用element-plus的form组件出现import type { FormInstance } from 'element-plus'错误
vue+typescript+element-ui项目类型报错的问题
qq_36800701的博客
04-28 1068
注意：vue-cli4目前貌似是会报类型错误的，不管是element-ui,还是ant-design-vue，不知道是不是新版的cli需要 做什么配置； 但是vue-cli3是没问题的； 报错的话，检查一下版本vue-cli是不是升级到了4了 ...
element-plus 表单验证
qq_43777788的博客
04-26 5645
表单验证是使用率比较高的，和之前element版本也有些差别。 <template> <el-form ref="ruleFormRef" :model="ruleForm" status-icon :rules="rules" label-width="120px" class="demo-ruleForm" > <el-form-item label="Password" prop="pass">
vue3 使用element plus 打包时 报错
m0_55333789的博客
06-07 2270
vue3 使用element plus 打包时 报错
Vue3+ElementPlus+TypeScript 开发常见问题/警告/错误 (持续补充......）
十二的博客
01-12 1086
Vue3+ElementPlus+TypeScript 开发常见问题/警告/错误
直接套用elementplus官方文档里的模版，报错解决
weixin_48813932的博客
03-21 1897
主要是这里用到了ts的语法但是忘记声明使用ts环境。
评论 3
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值