解决报错：import引入antd中的组件，ts报错：xxx.d.ts类型声明仅跟xxx.d.ts类型文件有大小写区分

最新推荐文章于 2023-08-07 13:49:04 发布

qq_38969618

最新推荐文章于 2023-08-07 13:49:04 发布

阅读量1.2k

点赞数 4

分类专栏： TS 文章标签： typescript

本文链接：https://blog.csdn.net/qq_38969618/article/details/130323328

版权

TS 专栏收录该内容

5 篇文章 1 订阅

订阅专栏

在项目根目录下的tsconfig.json文件中，添加forceConsistentCasingInFileNames属性为false即可（关闭ts大小写校验）。

{
  "compilerOptions": {
    "forceConsistentCasingInFileNames": false, // 是否开启ts文件系统大小写敏感; to fix: mac上引入antd报错：类型文件名大小写不同错误。
  },
}

优惠劵

qq_38969618

关注关注

4
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
解决报错：import引入antd中的组件，ts报错：xxx.d.ts类型声明仅跟xxx.d.ts类型文件有大小写区分

即可（关闭ts大小写校验）。
复制链接

扫一扫

专栏目录

具有相同大小写的相对路径上的“文件名与仅在大小写中已包含的文件名不同”

https://shixuebin.gitee.io/hexo-blog/

04-11

5003

错误 TS1149：文件名“C:/Project/frontend/scripts/State.ts”与已包含的文件名“…/frontend/scripts/State.ts”不同，仅在大小写中。我已经三次检查了我们参考文献中的大小写，实际文件也有正确的大小写。据我所知，这仅仅是因为相对路径使用了不正确的大小写，或者仅仅是因为相对路径本身？问题是，它在 Mac 和 Linux 上编译得很好，但在 Windows 上会抛出这个错误。在 tsconfig.json 中加入配置。

AntDesign+TS实现天地图打点定位组件

11-05

以组件的形式实现天地图打点定位的功能，调用示例： { console.log(lng,lat); return null; }} />

参与评论您还未登录，请先登录后发表或查看评论

关于文件名大小写

风之子的专栏

03-30

3645

linux区分大小写，即大小写不同的文件名被认为是不同文件。但windows不区分，比如test和Test是一个文件，这就造成了linux的源代码在win下阅读时文件名冲突。因此可以通过约定linux下文件命名习惯来规避。

antd table columns ts报错

fred8的博客

07-20

3526

报错截图不能将类型“({ title: Element; dataIndex: string; ellipsis: { showTitle: boolean; }; render: (name: any, record: any) => Element; key?: undefined; width?: undefined; fixed?: undefined; } | { …; } | { …; } | { …; })[]”分配给类型“ColumnProps[]”。不能将类型“{ title:

为什么文件名要小写？

不懂不懂

04-18

1622

作者：阮一峰日期： 2017年2月10日上周，《中文技术文档写作规范》加入了文件的命名规则。 "文件名建议只使用小写字母，不使用大写字母。" "为了醒目，某些说明文件的文件名，可以使用大写字母，比如README、LICENSE。" 网友看见了，就提问为什么文件名要小写？说实话，虽然这是 Linux 传统，我却从没认真想过原因。赶紧查资料，结果发现四个

有多个模块的名称仅在大小写上有所不同。在具有其他case语义的文件系统上编译时，这可能会导致意外行为。

weixin_48496520的博客

12-14

1821

今天突然警告报错，导致无法热更新。记录一下原因 login文件的目录是 src/user/login/index.tsx 但是我route路由配置的是： { name: 'login', path: '/user/login', component: './user/Login' }, 改为配置 { name: 'login', path: '/user/login', component: '.

基于webpack搭建vue的开发环境,手动搭建vue脚手架

多晴丶

08-18

381

基于webpack搭建vue的开发环境 1:创建并初始化项目 mkdir webpack-demo //从cmd命令行常见文件夹 cd webpack-demo //进入目录 npm init -y //初始化package.json npm install webpack webpack-cli --save-dev //安装webpack和webpack-cli 2:在根目录下常见src文件夹创建index.js和index.html文件 /- webpack-demo |- packag

tsconfig之文件名大小写引起的惨案

Hwyll的博客

07-28

294

由于项目中未加上述配置项，文件夹定义的是大写的M，引入进来变成了小写的m；最终导致 Jenkins 打包报错，但本地打包没有报错，见下图。请先了解 tsconfig.json 中的配置项 forceConsistentCasingInFileNames。初步怀疑是环境问题，服务器node版本是14，本地node版本是18；希望有知道具体原因的大佬指点迷津！

vscode：已包含的文件名 “XXX.vue.js“ 仅大小写与文件名 “xxx.vue.js“ 不同

2301_76658894的博客

08-07

6367

当引入的文件名字改了大小写时，vue就报错。把文件名的后缀.vue去掉。

【前端】TypeScript 在 .d.ts 声明文件中使用import语法导入报错解决方案

Minf的博客

03-16

1464

把他注释掉就不会飚红了，可我们怎么引入已经写好的类型呢？因为外面找不到这个声明文件了。这样就行了，避免了每次要修改两个地方的困境。声明文件中，规定不允许。

react+antd form 警告Warning: [antd: Form.Item] `children` is array of render props cannot have `name`.

最新发布

03-07

该架构已解决大部分坑，主要用于[email protected]端，在使用项目前请确保已安装node、yarn工具，node版本18+，此项目构建主要集成：axios、antd、sass、vite、sass、react V18，其中还会介绍到如何跨页面传递数据、国际化配置、rem适配、状态管理等功能 react：https://react.nodejs.cn/reference/react/hooks antd：https://ant-design.antgroup.com/components/pagination-cn/ axios：https://www.axios-http.cn/docs/api_intro vite：https://vitejs.cn/ redux：https://cn.redux.js.org/index.html redux-persist：https://github.com/rt2zz/redux-persist sass：https://blog.csdn.net/randy521520/article/details/131242242

vue-antd-admin:vue3.x + antd2.x + ts后台技巧

03-15

客户网项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 自定义配置请参阅。

react+ts+antd cron表达式组件

11-16

reac+ts+antd 实现的一个cron表达式组件该组件具备基础的秒、分、时、日、月、周、年获取cron的功能。

Vue中通过<script></script>引入的Vue.js文件

04-28

我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。格式就是： <script src="./js/vue%20(1).js" type="text/javascript" charset="UTF-8"> src里面的内容根据自己的下载的Vue.js的文件位置...

vue3 PC端项目构建TS，vue3+antd+vite+axios+pinia+sass+typescript

02-18

在使用项目前请确保已安装node、yarn工具，node版本18+，此项目构建主要集成：axios、antd、sass、vite、sass、vue3，其中还会介绍到如何跨页面传递数据、国际化配置、rem适配、状态管理等功能 vue3：...

全栈（React+Antd+Egg+MongoDB）：数据管理系统.zip

08-03

全栈（React+Antd+Egg+MongoDB）：数据管理系统.zip

antd文件上传组件支持扩展名：.zip，需包含json文件

06-02

antd的`Upload`组件可以通过设置`accept`属性来限制上传文件的类型，同时可以通过设置`beforeUpload`属性来对上传的文件进行进一步的验证。你可以按照以下步骤实现上传`.zip`文件，并且验证是否包含`.json`文件： 1. 设置`accept`属性为`.zip`，示例代码如下： ``` <Upload accept=".zip" beforeUpload={beforeUpload}> <Button icon={<UploadOutlined />}>Click to Upload</Button> </Upload> ``` 2. 在`beforeUpload`函数中对上传的文件进行验证，判断是否包含`.json`文件，示例代码如下： ``` function beforeUpload(file) { const isZip = file.type === 'application/zip'; if (!isZip) { message.error('You can only upload ZIP file!'); } const reader = new FileReader(); reader.onload = () => { const { name } = file; const zip = new JSZip(); const zipFile = reader.result; zip.loadAsync(zipFile).then((content) => { const files = Object.keys(content.files); const isJsonIncluded = files.some((filename) => filename.includes('.json')); if (!isJsonIncluded) { message.error(`${name} does not contain JSON file!`); } }); }; reader.readAsArrayBuffer(file); return isZip; } ``` 在`beforeUpload`函数中，首先判断上传的文件是否是`.zip`文件，如果不是，则提示上传错误信息。如果上传的是`.zip`文件，则通过`JSZip`库对文件进行解压缩，并判断解压缩后的文件中是否包含`.json`文件。如果不包含，则提示上传错误信息。最后，返回`isZip`变量，告诉`Upload`组件是否可以上传文件。需要注意的是，在使用`JSZip`库对文件进行解压缩时，需要先将文件转换成`ArrayBuffer`类型，然后再进行解压缩。

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交