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