在節點上的 typescript 錯誤中找不到本地模塊

Question

我是 typescript 的新手，我的問題是我創建的本地模塊無法使用

./route/routes.ts

import routes from 'next-routes'
                           
let route = new routes()

route.add('index', '/:name')

export default route

在我的 server.ts 中

import route from "./route/routes"

但是當我運行npm run start然后我得到以下錯誤

找不到模塊“./route/routes”

這是我的 tsconfig.json

{
  "compilerOptions": {
    "target": "es5",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": false,
    "forceConsistentCasingInFileNames": true,
    "noEmit": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve",
    "noImplicitAny": false
  },
  "exclude": [
    "node_modules"
  ],
  "include": [
    "next-env.d.ts",
    "**/*.ts",
    "**/*.tsx"
  ]
}

和我的 package.json

{
  "name": "Test",
  "version": "1.0.0",
  "description": "",
  "main": "babel-node --presets es2015 server.ts",
  "scripts": {
    "dev": "node server.ts",
    "build": "next build",
    "postinstall": "npm run build",
    "start": "NODE_ENV=production babel-node --presets es2015 server.ts"
  },
  "author": "Test",
  "license": "",
  "dependencies": {
    "@zeit/next-sass": "^1.0.1",
    "express": "^4.17.1",
    "next": "^9.0.5",
    "next-routes": "^1.4.2",
    "node-sass": "^4.12.0",
    "react": "^16.9.0",
    "react-dom": "^16.9.0"
  },
  "devDependencies": {
    "@types/express": "^4.17.11",
    "@types/node": "^14.14.31",
    "@types/react": "^17.0.2",
    "babel": "^6.23.0",
    "babel-cli": "^6.26.0",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-stage-0": "^6.24.1",
    "nextjs-sitemap-generator": "^0.1.1",
    "nodemon": "^2.0.7",
    "typescript": "^4.2.2"
  }
}

我從 js 遷移到 typescript 后出現錯誤

注意：我嘗試在網上尋找解決方案搜索似乎找不到真正好的解決方案

謝謝

Answer 1

嘗試將 routes.ts 移動到 server.ts 文件所在的任何位置，更新 import 語句，看看它是否有效