Home > OS >  TS config path error. Error: Cannot find module '@/models/UserSchema'
TS config path error. Error: Cannot find module '@/models/UserSchema'

Time:12-29

I am making a discord bot and I was trying the path aliases feature on typescript. but I somehow keep getting this error when I am using it. I am using NodeJs and using

Here is the error message

Error: Cannot find module '@/models/UserSchema'
Require stack:
- /mnt/c/Users/ASUS/Documents/_Frastio-Docs/dev/DinderBot/src/index.ts
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
    at Function.Module._resolveFilename (/mnt/c/Users/ASUS/Documents/_Frastio-Docs/dev/DinderBot/node_modules/module-alias/index.js:49:29)
    at Function.Module._load (node:internal/modules/cjs/loader:778:27)
    at Module.require (node:internal/modules/cjs/loader:1005:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at Object.<anonymous> (/mnt/c/Users/ASUS/Documents/_Frastio-Docs/dev/DinderBot/src/index.ts:13:1)
    at Module._compile (node:internal/modules/cjs/loader:1101:14)
    at Module.m._compile (/mnt/c/Users/ASUS/Documents/_Frastio-Docs/dev/DinderBot/node_modules/ts-node/src/index.ts:1056:23)

and here is the code when I am trying to use the path. It appears to be correct with no error on vscode but when I run the app its giving the cannot find module error

import Test from '@/models/TestSchema'
import User from '@/models/UserSchema'

enter image description here

My tsconfig.json

{
  "compilerOptions": {
    "strictNullChecks": true,
    "baseUrl": ".",
    "emitDecoratorMetadata": true,
    "esModuleInterop": true,
    "experimentalDecorators": true,
    "lib": ["es5", "es6"],
    "module": "CommonJS",
    "moduleResolution": "node",
    "outDir": "./dist",
    "paths": {
      "@/*": ["src/*"]
    },
    "resolveJsonModule": true,
    "sourceMap": true,
    "target": "es6",
    "types": ["node"]
  },
  "include": ["**/*.ts"],
  "exclude": ["node_modules"]
}

my folder structure, the tsconfig is on the outside of the src folder folder structure

CodePudding user response:

Looks like there's an issue with mapping paths using ts-node addressed on the official repo. They also provide a solution is to use tsconfig-paths to map so do the following steps:

  • Install tsconfig-paths:
npm i -D tsconfig-paths
  • Add following config into the tsconfig.json:
{
  "ts-node": {
    "require": ["tsconfig-paths/register"]
  }
}

// Or you can use it in your dev CLI without having to add above config like:
// `"dev": "ts-node -r tsconfig-paths/register path/to/index.ts",`
  • Related