时间戳

首页 > 解决方案 > 在 jsconfig.json 中使用 baseUrl 不适用于 NextJS

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

问题描述

https://github.com/hutber/jsconfigerror显示 jsconfig 不工作的示例 repo。

我的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

页面/index.js

import Head from 'components/AThing'

我怎样才能开始baseUrl工作nextjs

标签： javascriptnext.js

解决方案

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

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

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

import Head from 'components/AThing';

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

希望能帮助到你。

推荐阅读