TypeScript 报错汇总

1、报错：无法找到模块“xxx”的声明文件，xxx隐式拥有 “any“ 类型

方案一：使用 require 代替 import，这需要额外的在 .eslintrc.js 文件中的 env 对象中引入 commonjs 环境。

方案二：在顶级的 declare.d.ts 文件中声明模块（推荐）

以 declare 声明的变量和模块后，其他地方不需要引入，就可以直接使用了。

先在项目根目录下创建一个 types 文件夹（与 src 同级），然后在里面新建一个 declare.d.ts 文件。编辑该文件：

// 引入本地文件报类型错误
declare module "*.jsx";
declare module "*.tsx";

然后，在 tsconfig.json 文件中补 include 增 exclude，代码如下：

{
  "compilerOptions": {...},
  "include": ["src", "types"],
  "exclude": ["node_modules"],

这样，在项目中引入 jsx 和 tsx 文件就不会报错了。

2、对象可能为 “null”

使用非空断言 “!”：

const user = userStore.user!;

3、对象可能为“未定义

方式一：as 断言

const chatUser = ref<User>() as any;

方式二：非空断言 “!”

if(isClose || isClose + '' === 'false') {
    isShowClose!.value = !!isClose
}