Typescript Import vs JavaScript import

Question

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

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

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

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

编译将收到如下错误："TS7016：找不到模块'./module/c'的声明文件。

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

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

问：对于此类问题，这是一种异常方式，还有其他方法可以解决问题吗？ 顺便说一句，如果有一个例子会很棒..感谢

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/module/c.js

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

执行node dist/b输出：

string1 43