尝试运行 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