使用 tsc-watch 的 typescript 编译 - 文件 dist/server.js 具有不受支持的扩展名

Question

我正在尝试通过运行 npm 脚本将我的 typescript 服务器端文件 ( using tsc-watch ) 编译到输出目录 dist“watch”:“tsc-watch --esModuleInterop ./src/server.ts --outDir ./dist --onSuccess 'node ./dist/server.js'”。但是，我一直遇到以下错误:

error TS6054: File 'dist/server.js'' has an unsupported extension. The only supported extensions are '.ts', '.tsx', '.d.ts'.

tsconfig.json 文件如下所示:

"compilerOptions": {
    /* Visit https://aka.ms/tsconfig.json to read more about this file */

    /* Basic Options */
   
    "target": "es5",                          /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */
    "module": "es2020",                     /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */
    // "allowJs": true, 

    /* Strict Type-Checking Options */
    

    /* Additional Checks */
    

    /* Module Resolution Options */
    
    "esModuleInterop": true,                  /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */

    /* Source Map Options */
   
    /* Experimental Options */

    /* Advanced Options */
    "skipLibCheck": true,                     /* Skip type checking of declaration files. */
    "forceConsistentCasingInFileNames": true  /* Disallow inconsistently-cased references to the same file. */
  }
}

尝试将 allowJs 更改为 true 但这也不起作用。此外，此设置适用于我正在学习使用 Express 和 Typescript 编写 API 的在线工作区。当我尝试在我的本地系统上运行相同的程序时会出现这些问题。本地系统和在线工作区上的节点版本是 10.18.0。

Answer 1

错误是由于在 npm 脚本中使用了单引号 "watch": "tsc-watch --onSuccess 'node ./dist/server.js' ", .

通过转义双引号解决了这个问题。不知道它是否是操作系统的东西。我在 Windows 10 上使用 VSCode IDE。

"watch": "tsc-watch --onSuccess\"node ./dist/server.js\"",