Estoy tratando de importar archivos usando la importación regular y con las rutas absolutas personalizadas en Nextjs usando TypeScript. Por alguna razón, sigo recibiendo un error de que no se puede encontrar el módulo, pero mi IDE puede vincular el archivo cuando hago clic en él. Además, cuando es un archivo javascript normal, en lugar de mecanografiado, funciona bien y los archivos se importan.

Por ahora estoy usando // @ts-ignore y funciona, pero me pregunto si hay una mejor manera de resolver este error.

Mi tsconfig:

 { "compilerOptions": { "target": "es2015", "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", "baseUrl": ".", "paths": { "@/*": ["src/components/*"], "#/*": ["public/assets/images/*"], } }, "include": [ "public/**/*", "next-env.d.ts", "**/*.ts", "**/*.tsx" ], "exclude": [ "node_modules" ] }