小编mer*_*nop的帖子

使用 VS Code 使用 nx 创建的下一个应用程序的相对导入

我遇到了使用nx和 VS Code引导的 Next.js 项目的问题:

当我尝试使用 VS Code 自动导入组件时,它将生成绝对导入,立即触发@nrwl/nx/enforce-module-boundarieseslint 规则,使当前文件无效。

例如,文件夹结构:

apps/my-app/
  pages/
    entity/
      new/
        index.tsx
  components/
    Loading.tsx
Run Code Online (Sandbox Code Playgroud)

生成的导入将是:

// in my-app/pages/entity/new/index.tsx
import Loading from 'apps/my-app/components/Loading'
Run Code Online (Sandbox Code Playgroud)

虽然我期望:

import Loading from '../../../components/Loading'
Run Code Online (Sandbox Code Playgroud)

VS Code 有一个设置,始终使用相对路径进行导入,但这会阻止我以正确的方式导入库 ( @scope/lib)。

是否有任何可能的设置可以使自动导入按预期工作?

typescript visual-studio-code next.js nrwl-nx

7
推荐指数
1
解决办法
5916
查看次数

标签 统计

next.js ×1

nrwl-nx ×1

typescript ×1

visual-studio-code ×1