在typescript中从公共文件夹Nextjs导入给出错误:无法找到模块

Question

我试图使用常规导入导入文件，并使用typescript在Nextjs中自定义绝对路径。由于某种原因，我一直得到一个错误，模块找不到，但我的IDE能够链接文件，当我点击它。此外，当它是一个普通的javascript文件，而不是typescript，它工作得很好，文件被导入。

现在我使用//@ts-ignore，它工作，但我想知道是否有更好的方法来解决这个错误。

我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"
]
}

Answer 1

尝试更改导入路径。

如果你有“.”的baseUrl，路径将是...from '/public/...'。代替...from './public/...'