项目编译后找不到模块

Question

这是我的package.json：

   {
      "main": "./build/app.js",
      "types": "./build/app.d.ts",
      "scripts": {
        "start": "tsc && node build/app.js",
        "dev": "concurrently \"tsc -w \" \"nodemon ./build/app.js\"",
        "lint": "tslint ./src"
      },
    }

tsconfig.json：

{
  "compilerOptions": {
     "target": "es6",
     "module": "commonjs",
     "outDir": "build",
     "sourceMap": true,
     "declaration": true,
     "moduleResolution": "node",
     "allowSyntheticDefaultImports": true,
     "experimentalDecorators": true,
     "baseUrl": "src",
  },
  "files": [
     "./node_modules/@types/node/index.d.ts"
  ],
  "include": [
     "src/**/*.ts"
  ]
}

Error: Cannot find module 'controllers/index'。我试图像这样导入这个文件：import controllers from 'controllers/index' in app.ts。

项目结构形象

那么，如何将相对路径添加到编译文件夹"build"？

Answer 1

尝试使用模块别名。

解决这个问题的方法有很多，例如https://www.npmjs.com/package/module-alias。或者如果你用Webpack，他们也有这个功能，只是谷歌的"webpack别名“。