我遇到了使用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)。
是否有任何可能的设置可以使自动导入按预期工作?