javascript - 在 jsconfig.json 中使用 baseUrl 不适用于 Next.js

Question

jsconfigerror是一个示例存储库，显示 jsconfig 不起作用。

我的 jsconig.json 文件中有以下设置:

{
  "compilerOptions": {
    "baseUrl": "./"
  }
}

但是，当我进行导入时，它失败了:

./pages/index.js
Module not found: Can't resolve 'components/AThing' in '/var/www/gd.hutuber.com/pages'

文件夹结构

¬ components
   ¬ AThing
¬ pages
   ¬ index.js

pages/index.js

import Head from 'components/AThing'

如何让 baseUrl 与 Next.js 一起使用？

Answer 1

从 Next.js 9.4 开始，您可以轻松地在项目根目录中创建 jsconfig.json 或 *tsconfig.json 文件，然后只需输入以下内容:

{
  "compilerOptions": {
    "baseUrl": "."
  }
}

接下来您必须做的是导入组件，如下所示:

import Head from 'components/AThing';

假设组件文件夹也放置在项目的根目录中。