Typescript 导入与 JavaScript 导入

Question

/module/c.js，尝试导出姓名和年龄。

export const name = 'string1';
export const age = 43;

b.ts，我正在尝试在 this.ts 文件中导入姓名和年龄

import { name, age } from "./module/c";
console.log(name, age);

编译会出现这样的错误：“TS7016：找不到模块'./module/c'的声明文件。”

我搜索并找到了一种解决方法：使用 //@ts-ignore，这可以忽略语法验证..

// @ts-ignore
import { name, age } from "./module/c";
console.log(name, age);

问题：对于此类问题，这是一种不正常的方式，有没有其他方法可以解决这个问题？ 顺便说一句，如果有一个例子会很棒.. thx

Answer 1

由于您的c.js是 JavaScript 文件，因此您应该在 tsconfig.json 文件中设置"allowJs": true以允许从.js文件导入。

tsconfig.json文件的示例如下：

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "allowJs": true,
    "outDir": "./dist",
    "rootDir": "./src",
    "strict": true,
    "esModuleInterop": true
  }
}

src/b.ts

import { name, age } from "./module/c";
console.log(name, age);

src/模块/c.js

export const name = 'string1';
export const age = 43;

执行node dist/b的 Output ：

string1 43