为什么d.ts文件在导入不存在的变量/类型时不会抛出错误？

d.ts文件是TypeScript的声明文件，用于描述JavaScript库或模块的类型信息。当在TypeScript项目中导入一个不存在的变量或类型时，d.ts文件不会抛出错误的原因是因为它只是用于类型检查和编译时的静态类型分析，而不会进行运行时的检查。

TypeScript是一种静态类型的编程语言，它在编译时会进行类型检查，以确保代码的类型安全性。d.ts文件的作用是为JavaScript库或模块提供类型定义，使得在TypeScript项目中可以使用该库或模块的类型信息进行类型检查和代码提示。

当导入一个不存在的变量或类型时，TypeScript编译器会根据导入的路径查找对应的d.ts文件，如果找不到对应的d.ts文件，编译器会忽略该导入语句，不会抛出错误。这是因为d.ts文件只是用于类型检查和编译时的静态类型分析，而不会影响运行时的行为。

在实际开发中，如果需要确保导入的变量或类型存在，可以通过以下方式进行检查：

确保导入的路径正确：检查导入路径是否正确，确保能够找到对应的d.ts文件。
使用条件语句进行判断：可以使用条件语句对导入的变量或类型进行判断，如果不存在则进行相应的处理。
使用try-catch语句捕获错误：在运行时使用try-catch语句捕获可能的错误，以便进行错误处理。

总之，d.ts文件在导入不存在的变量或类型时不会抛出错误是因为它只是用于类型检查和编译时的静态类型分析，而不会进行运行时的检查。在实际开发中，需要注意导入路径的正确性，并通过条件语句或try-catch语句进行相应的处理。

相关·内容

初次在Vue项目使用TypeScript，需要做什么

JavaScript开发中经常遇到的错误就是变量或属性不存在，然而这些都是低级错误，而静态类型检查恰好可以弥补这个缺点。什么是静态类型？...可以看到 TypeScript 在声明变量时需要为变量添加类型，如果变量值和类型不一致则会抛出错误。静态类型只在编译时进行检查，而且最终编译出来的代码依然是 JavaScript。...: any; } 自定义三方库声明当使用的三方库未带有 *.d.ts 声明文件时，在项目编译时会报这样的错误： Could not find a declaration file for module...建议及注意事项改造过程在接入 TypeScript 时，不必一次性将所有文件都改为ts语法，原有的语法也是可以正常运行的，最好就是单个修改初次改造时出现一大串的错误是正常的，基本上都是类型错误，按照错误提示去翻译进行修改对应错误...在导入ts文件时，不需要加 .ts 后缀为项目定义全局变量后无法正常使用，重新跑一遍服务器（我就碰到过...）

6.6K4 0

去除typescript代码类型

毕竟会写代码，不会编译可就......": true, // 以严格模式检查每个模块，并在每个文件里加入 'use strict' /* 额外的检查 */ "noUnusedLocals": true, // 有未使用的变量时...，抛出错误 "noUnusedParameters": true, // 有未使用的参数时，抛出错误 "noImplicitReturns": true, // 并不是所有函数里的代码都有返回值时...，抛出错误 "noFallthroughCasesInSwitch": true, // 报告switch语句的fallthrough错误。.../dist/types" 生成的 '.d.ts' 文件保存文件夹 } }

2.6K1 0

会写 TypeScript 但你真的会 TS 编译配置吗？

2.1 files files 字段用于指明需要 tsc 编译的一个或多个 ts 文件，例如： { "files": ["index.ts", "global.d.ts"], } 当指定的文件或文件夹不存在时...DOM 即浏览器环境下的一些默认类型定义，即可在代码中使用，window、document 等浏览器环境中的对象，TS 在运行时以及编译时就不会报类型错误。...": true, // 以严格模式检查每个模块，并在每个文件里加入 'use strict' /* 额外的检查 */ "noUnusedLocals": true, // 有未使用的变量时...，抛出错误 "noUnusedParameters": true, // 有未使用的参数时，抛出错误 "noImplicitReturns": true, // 并不是所有函数里的代码都有返回值时...，抛出错误 "noFallthroughCasesInSwitch": true, // 报告switch语句的fallthrough错误。

3.7K4 1

理论 | Typescript 是如何保证前端质量的

对于直接的数据操作并没有类型检查，但当生成一个函数，并且对参数赋予类型时，便会在编译时进行类型检查，对于不符合类型要求的地方，会直接抛出错误，中止编译过程，同时我们还可以看到，它对 Javascript...变量类型系统在 Typescript 中，声明变量时如果直接赋值，则会使用自动类型判断固定该变量的类型，例如：如果需要声明一个变量，但不赋值，就必须给它声明一个类型，当后期使用类型不符合时会抛出错误...直接使用 ts-node 运行会发现编译不过，抛出了错误是因为在最后我们给 helloWorld 赋予了一个 interface IHelloWorld 中不存在的 testproperty，把它删掉就可以正常编译运行了...，微软采用了一个取巧的办法，给第三方库增加了一个 .d.ts 的类型声明文件。...但遇到比较冷门的第三方库，没有 d.ts 文件提供时，直接 import 它会提示找不到 module，对于比较小的第三方库，建议自己用 Typescript 重写，也可以自己开发 d.ts 文件进行类型定义

1K1 0

巧妙利用TypeScript模块声明帮助你解决声明拓展

\n\n可以看到 TS 中针对于相对路径查找的规范是和 nodejs 比较相似的，需要注意我在上边已经额外加粗了。\n\nTs 在寻找文件路径时，在某些条件下是会按照目录去查找 .d.ts 的。...\n\n通常我们将有关于一些全局变量或者引入的模块对应的类型声明语句存在一个单独的文件，这样的文件就被成为声明文件。\n\n> 注意，声明文件一定要以 [name].d.ts 结尾。...只有在声明文件中使用 export 导出，然后在使用方 import 导入后，才会应用到这些类型声明。...\n\n举个例子，假设我们想为 string 类型的变量扩展一个 hello 的方法。正常扩展后全局调用该方法 TS 是会提示错误的。...;\n\n// index.ts\n'a'.hello() // 类型“"a"”上不存在属性“hello”\n\n\n此时内部声明的 String 接口扩展被认为是模块内部的接口拓展，我们在全局中使用是会提示错误的

1.4K3 0

declare 和 .d.ts

JavaScript 代码交互：当使用第三方 JavaScript 库时，使用 declare 可以声明该库的类型信息，让 TypeScript 在编写代码时提供类型检查和智能提示，避免类型错误。...文件声明全局变量在 TypeScript 中，.d.ts 文件被用于声明全局变量、函数、类等的类型信息，以补充缺失或不确定的类型定义。...这些声明文件不需要被导出，而是被自动地包含在项目的类型检查过程中。当你在一个模块文件中引入一个类型声明文件（.d.ts 文件），TypeScript 会自动识别并应用其中的类型信息。...你可以直接在代码中使用声明文件中声明的类型，无需手动导入。...注意 .d.ts 文件中的类型声明在 TypeScript 项目中会被自动包含，你可以直接在代码中使用这些类型，无需手动导出或导入。 # 无法获取.d.ts 文件的类型？

4191 0

深入浅出TypeScript | 青训营笔记

; } 7.Never：表示永远不存在的值的类型，通常用于抛出异常或者无限循环等操作。...，因为你可以在接口中获得更好的错误提示。...// 如果你将鼠标悬停在下面的错误上，你会看到在使用接口（例如 Chicken）时， // TypeScript 会提供更简洁的提示信息。...* 额外的检查 */ "noUnusedLocals": true, // 有未使用的变量时，抛出错误 "noUnusedParameters": true..., // 有未使用的参数时，抛出错误 "noImplicitReturns": true, // 并不是所有函数里的代码都有返回值时，抛出错误

811 0

TypeScript系列教程十二《编译配置》

// 启用所有严格类型检查选项 "noImplicitAny": true, // 在表达式和声明上有隐含的 any类型时报错 "strictNullChecks...类型的时候，生成一个错误 "alwaysStrict": true, // 以严格模式检查每个模块，并在每个文件里加入 'use strict' /...* 额外的检查 */ "noUnusedLocals": true, // 有未使用的变量时，抛出错误 "noUnusedParameters": true..., // 有未使用的参数时，抛出错误 "noImplicitReturns": true, // 并不是所有函数里的代码都有返回值时，抛出错误..., // 需要包含的类型声明文件名列表 "allowSyntheticDefaultImports": true, // 允许从没有设置默认导出的模块中默认导入

1.1K2 1

TypeScript 4.4 RC版来了，正式版将于月底发布

以上示例不会引发任何错误！当 TypeScript 发现我们在测试某个常量值时，它会执行一些额外的操作以查看其中是否包含类型守卫。...} } 请注意，新机制的深度是有极限的——TypeScript 在检查这些条件时不会过度深入，但对大多数日常检查来说应该是足够了。...这些变量有望提高 TypeScript 在高复杂度代码中的整体性能，特别是在使用 --declaration 标记的.d.ts 文件发布场景之下。...在完成列表中显示自动导入的真实路径在 Visual Studio Code 等编辑器显示完成列表时，具有自动导入的完成结果会在显示中包含对于特定模块的路径。...因此，TypeScript 4.4 的完成项标签将显示用于导入的实际模块路径！由于这项功能会带来较高的计算资源需求，因此在键入大量字符时，包含众多自动导入的完成项列表可能会批量填充最终模块说明。

2.6K2 0

深度讲解TS：这样学TS，迟早进大厂【12】：声明文件

§ 有的第三方库扩展了一个全局变量，可是此全局变量的类型却没有相应的更新过来，就会导致 ts 编译错误，此时就需要扩展全局变量的类型。...所以对于 npm 包或 UMD 库，如果导入此库之后会扩展全局变量，则需要使用另一种语法在声明文件中扩展全局变量的类型，那就是 declare global。...与 import 的区别是，当且仅当在以下几个场景下，我们才需要使用三斜线指令替代 import：当我们在书写一个全局变量的声明文件时当我们需要依赖一个全局变量的声明文件时书写一个全局变量的声明文件...依赖一个全局变量的声明文件§ 在另一个场景下，当我们需要依赖一个全局变量的声明文件时，由于全局变量不支持通过 import 导入，当然也就必须使用三斜线指令来引入了29： // types/node-plugin...这样的好处是，使用方不仅可以在使用 import foo from 'foo' 导入默认的模块时获得类型提示，还可以在使用 import bar from 'foo/lib/bar' 导入一个子模块时，

5.5K5 1

理解TypeScript中“类型”的概念到底有多难？

本文将从一个另类的角度，聊一聊TS里面的泛型、&、子类型、类型推导、类型空间等话题，从而为你展现一个可能从来没想过的TS类型概念。类型声明文件.d.ts 一切先从.d.ts文件开始说起吧。...在.d.ts文件中，我们通过declare来对需要暴露的api进行声明。 declare是一个新的关键字，起码我们在以前只写js的生涯中，从来没有使用过。...在.d.ts文件中，我们不会存在任何js的具体实现。？真的吗？也不一定，有时候我们会独立声明一个enum，而此时，你需要给定具体的值，以方便在外部阅读。...ts导入 import { paint } from 'some-lib' paint(Colors.Red) .d.ts只是一个摘要文件，它不被作为真正的运行时代码进行编译，但同时，我们也可以把它作为一个...问题解决了，现在，让我们回到类型系统的讨论上来。上文提到TS基于推导进行类型断言，推导就是寻找子类型二元关系，如果不存在父子类型关系，就断言失败，抛出错误。

1.3K3 0

typescript声明文件：全局变量模块拆分自动生成声明文件

，可是此全局变量的类型却没有相应的更新过来，就会导致 ts 编译错误，此时就需要扩展全局变量的类型。...所以对于 npm 包或 UMD 库，如果导入此库之后会扩展全局变量，则需要使用另一种语法在声明文件中扩展全局变量的类型，那就是 declare global。...与 import 的区别是，当且仅当在以下几个场景下，我们才需要使用三斜线指令替代 import：当我们在书写一个全局变量的声明文件时当我们需要依赖一个全局变量的声明文件时书写一个全局变量的声明文件这些场景听上去很拗口...依赖一个全局变量的声明文件在另一个场景下，当我们需要依赖一个全局变量的声明文件时，由于全局变量不支持通过 import 导入，当然也就必须使用三斜线指令来引入了29：// types/node-plugin...这样的好处是，使用方不仅可以在使用 import foo from 'foo' 导入默认的模块时获得类型提示，还可以在使用 import bar from 'foo/lib/bar' 导入一个子模块时，

3.3K1 1

TypeScript学习笔记（三）—— 编译选项、声明文件

抛出错误 "noUnusedParameters": true, // 有未使⽤的参数时，抛出错误 "noImplicitReturns": true, // 并不是所有函数⾥的代码都有返回值时...typescript 编译器看到的每个变量、方法都必须明确知道它的类型，在 src/index.ts 文件中导入 src/sum/index.js 文件，js 文件中的方法是没有类型的，造成 typescript...我们希望为 js 文件里的变量和方法添加真实的类型，这就需要定义声明文件。...: true 配置可以在 typescript 工程使用这些库，但是没法知道库里面变量的类型以及方法参数的类型，很不友好。...我们期待：在 Vscode 开发时，只要敲出方法，编辑器可以自行提示该方法参数的类型是什么，这样我就不会把原本该写成数值类型的参数写成字符串类型了，大大降低代码出错风险。

2.5K2 0

Typescript的tsconfig.json

我们直接输入tsc或者tsc -p tsconfig.json时,默认会调用tsconfig.json; 在命令行上指定输入文件时，将忽略tsconfig.json文件。...javascript文件 checkJs 在 .js文件中报告错误 jsx 在 .tsx文件里支持JSX："React","react-native"或 "Preserve" declaration 生成相应的....d.ts文件 declarationMap 为每个相应的“ .d.ts”文件生成一个sourcemap文件 sourceMap 生成相应的 .map文件 outFile 将输出文件合并为一个文件 outDir...types 要包含的类型声明文件名列表 allowSyntheticDefaultImports 允许从没有设置默认导出的模块中默认导入。...skipLibCheck 忽略所有的声明文件（ *.d.ts）的类型检查 forceConsistentCasingInFileNames 禁止对同一个文件使用大小写不一致的引用常用的tsconfig.json

2.2K3 0

TypeScript 4.2 正式发布：更智能的类型别名保留，声明缺失的帮助函数，还有许多破坏性更新

同样，如果我们得到这个文件的声明文件输出（.d.ts输出），TypeScript 会说，doStuff返回BasicPrimitive类型。...为什么会这样？这与 TypeScript 如何在内部表示类型有关。当用一个或多个组合类型创建组合类型时，它总是将这些类型规范化为一个扁平的组合类型——但这样做会丢失信息。...能够根据你在代码中使用它们的方式来打印类型，意味着作为一名 TypeScript 用户，你可以避免显示一些非常庞大的类型，这通常会转化为更好的.d.ts文件输出、异常信息和编辑器中的快速信息和符号帮助中的类型显示...tsc --explainFiles 当使用此选项时，TypeScript 编译器将给出一些非常详细的输出，说明文件为什么会出现在程序中。...4.2 中，导入路径的扩展名中包含.d.ts现在是一个错误。

3.2K2 0

Python学习入门基础 — 第八章文件读写操作、模块和包、异常

文件的指针将会放在文件的开头，这是默认模式。如果文件不存在，抛出异常 w 以只写方式打开文件。如果文件存在会被覆盖。如果文件不存在，创建新文件 a 以追加方式打开文件。...如果该文件已存在，文件指针将会放在文件的结尾。如果文件不存在，创建新文件进行写入 r+ 以读写方式打开文件。文件的指针将会放在文件的开头。如果文件不存在，抛出异常 w+ 以读写方式打开文件。...就是一个模块在导入文件时，文件中所有没有任何缩进的代码都会被执行一遍！...name__ 属性可以做到，测试模块的代码只在测试情况下被运行，而在被导入时不会被执行！...: print("未知错误 %s" % result) 当 Python 解释器抛出异常时，最后一行错误信息的第一个单词，就是错误类型异常类型捕获演练 —— 要求用户输入整数需求提示用户输入一个整数

1.3K3 0

TypeScript 渐进迁移指南

添加神奇的 d.ts d.ts 是 TypeScript 的类型声明文件，其中声明了代码中用到的对象和函数的各种类型，不包含任何具体的实现。...假定你在写一个即时通讯应用，在 user.js 文件里有一个 user 变量和一些数组： const user = { id: 1234, firstname: 'Bruce', lastname...否则，最终会得到 any 类型，显然 any 类型不会是你想要的。三斜杠指令在无法使用 import 的场景下，三斜杠指令是导入类型的经典方式。...使用三斜杠指令时，应该在 d.ts 文件中移除 import 和 export 语句，否则无法工作。...i @types/your_lib_name --save-dev 注意：如果库属于某组织，库名中包含 @ 和 /，那么在安装相应的类型定义文件时需要移除 @ 和 /，并在组织名后加上 __，例如 @

1.9K2 0

TypeScript在项目开发中的应用实践体会

而使用Typescript当中的readonly关键字对属性或者是变量进行声明，那么将会在编译时就发出告警。那么在声明部分 ?...在使用TypeScript开发的时候想为一些API添加一些自定义的属性，或者进行一些覆盖。在使用vue的时候，通过import引入的vue组件大多会提示错误。如何解决？...因此需要对部分文件进行.d.ts的类型文件编写，那么，你真的知道ES Module 和 CommonJS Module之间的导入吗？...types下声明一个新的.d.ts类型声明文件。...那么在多人协作下，每个人负责的模块本身来说都不会冲突。在项目迭代管理中，大多数都是一个人对应一个小模块的开发节奏，彼此不会有太大的重复。

2.9K6 0

使用 TypeScript 改造构建工具及测试用例

关于配置文件，从JavaScript切换到TypeScript实际上并不会有太大的改动，因为Webpack的配置文件大多都是写死的文本/常量。...各种常用的规则都写在了这里，使用TypeScript的一个好处就是，当要实现一个功能时你不再需要去网站上查询应该要配置什么，可以直接翻看d.ts的定义。...'development'是会抛出一个异常的，因为从d.ts中可以看到，关于mode只有三个有效值production、developemnt和none，而process.env.NODE_ENV显然只是一个字符串类型的变量...在这里TypeScript所做的只是静态的检查，并不会对实际的代码执行造成任何影响，就算类型因为强行as而改变，也只是编译期的修改，在实际执行的JavaScript代码中还是弱类型的在完成了上述的操作后...是的，webpack的使用也会遇到这个问题开始编写测试脚本如果是对原有的测试脚本进行修改，无外乎修改后缀、添加一些必要的类型声明，不会对逻辑造成任何修改。

1.5K4 0

npm publish package 开发错误集合

这是【npm publish package】的最后一篇文章，总结了开发时需要注意的要点还有目前我自己遇到的错误集合。没有长篇大论，全是解决问题的关键点，便于快速找到问题点以及解决方案。...$localStorage.set('number', 10086); // 情况三 ^ 此警告错误是因为缺少类型描述文件，即 *.d.ts 文件。...在 testModules 项目中 src 下新建任意 *.d.ts 文件。...; // 将导出的接口描述类型，以接口的方式声明至 vue type 描述文件中 // 'vue/types/vue' vue 类型描述文件路径 declare module 'vue/types/vue...后来我就想着，我两个项目（发布项目和测试项目）都是用的 TypeScript 为什么会和 ESLint 有关系？

1.2K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云