「问题解决」不同TS文件却无法定义同名的变量

原创 已于 2024-07-02 15:46:21 修改 · 923 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #vue.js #typescript

于 2023-05-31 09:53:44 首次发布
博客主要讲述了初学TS时，复制TS文件出现不能重复定义的报错问题。原因是ts会检查不同文件里变量名是否重复。给出两种解决方法，一是在文件末尾写export{}，让TS知道文件是独立模块；二是把TS代码改为立即执行函数，改变作用域避免冲突。

问题描述

初学TS，将一个TS文件复制了一份，本应互不干扰，却提示报错，不能重复定义
在这里插入图片描述

报错原因

ts会检查不同文件里面变量名是否重复

解决方法

F1

在文件末尾写上 export{}

原因

网上是这么说的：TS会误以为这些demo文件在未来的某个时间会合并 所以在“重复”的变量名上抛出了错误提示 我们只要让TS知道这是些文件是互不影响 是独立模块就行（但为什么这样子就可以了，还是有点不解，望大佬解惑）

F2

把该TS代码改为一个立即执行函数

原因

作用域发生了变化，就不会冲突了

大前端学习--TypeScript
爱玲姐姐的博客
05-19 1315
TypeScript 一、JavaScript 1. 弱类型、动态语言的缺陷 程序中的异常在运行时才能发现 类型不明确函数功能会发生改变 对对象索引器的错误用法 2. 强类型的优势 错误更早暴露 代码更智能，编码更准确 重构更牢靠 减少不必要的类型判断 二、Flow 1. Flow是JavaScript类型检查器 // : number 叫做类型注解 function sum (a: number, b: number) { return a + b } console.log(s
不同ts文件，同一个变量会报错
weixin_53416906的博客
03-14 803
在学习尚硅谷的TypeScript的网课的时候，如果同一个目录的不同文件使用同一个变量是不可以的会报一下错误，因为ts的文件默认是全局文件。通过网上查找别人的解答发现可以在报错的文件加上一句 export{}，报错就会消失，如果只是小白学习可以使用这个办法解决。可以在标签栏关闭任意一个解决（但是治标不治本）
不同ts文件下，提示变量名重复的问题解决
冰魂魄的博客
07-06 1161
可以尝试在 报错的文件上加上 export{}，即可完美解决。同一个目录的不同文件下使用同一个变量名称出现报错。发现即使在标签栏关闭 也无法解决，是因为ts的文件默认是全局文件。
攻克TypeScript类型难题：.d.ts文件导出冲突的系统化解决指南
最新发布
gitblog_00922的博客
09-10 434
在TypeScript项目开发中，`.d.ts`文件（类型定义文件）是连接JavaScript库与TypeScript类型系统的桥梁。然而当项目规模增长到包含超过50个类型定义文件时，83%的开发者会遭遇"Duplicate identifier"（重复标识符）错误[src/compiler/diagnosticMessages.json](https://link.gitcode.com/i/6...
ts踩坑记录：即使在不同文件夹的ts文件，声明具有相同名称的类型时也会出现重复标识
无知者无畏
09-22 1638
ts踩坑记录：不同ts文件下，提示变量名重复
TS学习笔记01 （ts转为js,命名冲突问题)
sakura的博客
01-21 2318
TS学习笔记01 （ts转为js,命名冲突问题)
TypeScript 接口继承
FastText的博客
07-07 1万+
和类一样，接口也可以通过关键字 extents 相互继承。接口继承，分为：单继承和多继承，即继承多个接口。另外，接口也可以继承类，它会继承类的成员，但不包括具体的实现，只会把类的成员作为一种声明。本文主要总结一下TypeScript 接口继承，方便大家进行系统化的学习。...
Ts命名空间用于定义全局变量
06-14
通过这种方式，可以在不同的文件中定义全局变量并统一管理。例如： **file1.ts** ```typescript namespace SharedNamespace { export let sharedVariable: string = "这是共享变量"; } ``` **file2.ts** ```...
ts 两个文件中变量名重复
10-18
在TypeScript中，如果你有两个不同的模块（文件）中定义了同名的变量或函数，这种现象通常被称为“命名冲突”或“名称空间污染”。当你尝试在同一作用域内引用这两个变量时，可能会导致不确定性，因为编译器不知道你...
精选资源
关于小程序wxml引用js中变量的疑问
01-08
如果直接在js中data中赋值，这是可以取出来了，刚开始定义为空，后面setdata就不行了。 在js中setdata后输出打印也是有值的。 请问一下怎么解决。 效果图： 下面是相关代码 xxx.js // pages/analys/analys.js Page...
TypeScript快速上手
m0_62118859的博客
05-01 497
安装编译 TS 的依赖 为什么要安装依赖？ Nodejs/浏览器 只认识 JavaScript 代码，不识 TS 代码，需要先将 TS 代码转化为 JS 代码，才可以运行。 安装命令 $ npm i -g typescript 验证是否安装成功 $ tsc -v 运行流程图 编译运行 ts 代码 创建一个 hello.ts 文件 （TS 的文件的后缀名为.ts） 将 TS 编译为 JS，在终端编译命令tsc hello.ts（此时，同级目录会出现一个同名 JS 文件...
TypeScript简明教程02---类型声明汇总
m0_55842907的博客
05-11 1488
TypeScript类型声明简介以及其基本语法，不同ts文件种同名变量冲突报错及其解决方法，tsc编译TS文件格式说明。
Typescript声明文件详解
doomliu的博客
05-17 4558
简介 声明文件是以.d.ts为后缀的文件，开发者在声明文件中编写类型声明，TypeScript根据声明文件的内容进行类型检查。（注意同目录下最好不要有同名的.ts文件和.d.ts，例如lib.ts和lib.d.ts，否则模块系统无法只根据文件名加载模块） 为什么需要声明文件呢？我们知道TypeScript根据类型声明进行类型检查，但有些情况可能没有类型声明： 第三方包，因为第三方包打包后都是JavaScript语法，而非TypeScript，没有类型。 宿主环境扩展，如一些hybrid环境，在window
ts 基础入门（部分）
touzhu11的博客
09-15 709
ts基础入门（部分）
TypeScript中类型声明文件
poppy995的博客
06-02 913
- 只包含类型信息的类型声明文件 - 不会生成.js文件，仅用于提供类型信息 - 为js提供类型信息
TypeScript中API命名重复的解决方法
一江春水向东流
09-07 8336
情景如下： 有一个没有typescript声明文件的library叫library1，另外在全局namespace中有一个namespace叫library1。如果想用名叫library1的Library，我们可以使用delcare进行重新声明，如下面的code： declare var library1； 这个声明应该在class的外部。 这样Typescript运
【TypeScript】类型定义文件(*.d.ts)
热门推荐
'Ablaze 的专栏
04-11 3万+
转载自：JavaScript 和 TypeScript 交叉口 —— 类型定义文件(*.d.ts) 在 《从 JavaScript 到 TypeScript 系列》 文章我们已经学习了 TypeScript 相关的知识。 TypeScript 的核心在于静态类型，我们在编写 TS 的时候会定义很多的类型，但是主流的库都是 JavaScript 编写的，并不支持类型系统。那么如何让这些第三方库也可...
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值