开发者问题收集

尝试运行 npm start 时,Node js 显示未知文件扩展名 .ts

2023-11-25
2999

我使用 express 在 js 中制作了一个小型服务器脚本,然后我改变主意并想将其转换为 ts,所以我这样做了,但是自从我这样做之后,每当我尝试运行 npm start 时,node 都会向我发送一条错误消息,指出未知的文件扩展名 .ts

这是错误:

PS C:\Users\aryan\OneDrive\Documents\GitHub\spacious-forms> npm start

> [email protected] start
> npx ts-node --esm src/server.ts

TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension ".ts" for C:\Users\aryan\OneDrive\Documents\GitHub\spacious-forms\src\server.ts
    at Object.getFileProtocolModuleFormat [as file:] (node:internal/modules/esm/get_format:160:9)
    at defaultGetFormat (node:internal/modules/esm/get_format:203:36)
    at defaultLoad (node:internal/modules/esm/load:141:22)
    at async nextLoad (node:internal/modules/esm/hooks:749:22)
    at async nextLoad (node:internal/modules/esm/hooks:749:22)
    at async Hooks.load (node:internal/modules/esm/hooks:382:20)
    at async MessagePort.handleMessage (node:internal/modules/esm/worker:199:18) {
  code: 'ERR_UNKNOWN_FILE_EXTENSION'
}

这是我的 package.json 文件

{
  "name": "spacious-forms",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "start": "npx ts-node --esm src/server.ts",
    "dev": "vite",
    "build": "vue-tsc && vite build",
    "preview": "vite preview"
  },
  "dependencies": {
    "vue": "^3.3.8"
  },
  "devDependencies": {
    "@types/express": "^4.17.21",
    "@types/md5": "^2.3.5",
    "@types/node": "^20.10.0",
    "@vitejs/plugin-vue": "^4.5.0",
    "express": "^4.18.2",
    "md5": "^2.3.0",
    "sqlite3": "^5.1.6",
    "tailwindcss": "^3.3.5",
    "ts-node": "^10.9.1",
    "typescript": "^5.3.2",
    "vite": "^5.0.0",
    "vue-tsc": "^1.8.22"
  }
}

这是我的 tsconfig.json

{
  "compilerOptions": {
    "esModuleInterop": true,
    "useDefineForClassFields": true,
    "module": "ESNext",
    "lib": ["ES2020", "DOM", "DOM.Iterable"],
    "skipLibCheck": true,
    "paths": {
      "@/*": [
        "./*"
       ]
    },
    /* Bundler mode */
    "moduleResolution": "node",
    "allowImportingTsExtensions": true,
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "preserve",

    /* Linting */
    "strict": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "noFallthroughCasesInSwitch": true
  },
  "ts-node": {
    "esm":true
  },
  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue", "../src/vite-env.d.ts", "../src/main.ts", "vue.d.ts", "vue.d.ts"],
  "references": [{ "path": "./tsconfig.node.json" }]
}

我浏览了网页并尝试了所有修复方法,包括更改 es 版本、使用 ts node 等,但都不起作用

编辑:

我确实将 'tsconfig.json' 中的 moduleResolution 的 “node” 更改为 “Node” ,但我收到了相同的错误

3个回答

显然,问题出在 ts-node 上。它对我来说无法正常工作,所以我使用了 tsx,解决了这个问题,服务器现在运行没有任何问题。

尝试

npm i -g tsx

npx tsx src/server.js

这为我解决了这个问题

SpaciousCoder78
2023-11-25

查找问题有点令人头疼,请尝试在 compilerOptions 中更改它:

"module": "ESNext

by: "module": "CommonJS

如果问题仍然存在,我邀请您查看 这里 :通过尝试各种方法,您将找到解决方案,而且它非常详细。

2023-11-25

如果您使用的是 node v20,请将其添加到您的 ts.config 文件中

{
  "compilerOptions": { 
  //..
  },
  "ts-node": {
    "esm": true,
    "experimentalSpecifierResolution": "node",
},
}
GLEN
2024-01-22