javascript - Vscode Path Intellisense 不适用于 jsconfig.json(下一个 js)
问题描述
我的项目结构是这样的:
jsconfig.json
next.config.json
components
|_atoms
|_Button.jsx
|_Button.module.scss
|_...
|_...
...
在里面jsconfig.json
,我有这个:
{
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@/components/*": ["components/*"]
}
},
"include": ["components/**/*", "api/**/*", "data/**/*", "pages/**/*", "utils/**/*"]
}
Next.js 正确地导入了组件并且它正在工作,但在开发方面,自动完成不再工作了!
例如,所有这些导入语句都像魅力一样工作,但我手动编写了路径并且自动完成没有帮助:
import Button from "components/atoms/Button"; //works
import Button from "@/components/atoms/Button"; //works
import Button from "../components/atoms/Button"; //works if the relative path is correct
import styles from "./Button.module.scss"; //works inside Button.jsx
所以 next js 没有问题,但是Path Intellisense不再建议文件名了。
我重命名jsconfig.json
为其他东西(以禁用它),这一次,Path Intellisense 工作正常,但下一个 js 无法导入组件。
我怎样才能从两者中受益?我想要绝对导入并且还使用 Path Intellisense。
解决方案
推荐阅读
- javascript - 可排序的 select2 交换值
- python - 删除字典列表中的重复值时出现问题?
- flask - 如何连接到远程 SQL Server 以在烧瓶中进行登录验证
- python - 如何在 Python 中使用 post 请求在 elasticsearch 中建立索引?
- php - 向 LoggableListener 添加额外选项
- css - 修复 react-select 下拉列表的高度(React Material UI)
- django - 为什么在 API 中使用 URL 参数而不是请求正文?
- hybris - Hybris Beanshell脚本启动业务流程
- dialogflow-es - 我们如何在 DialogFlow Web 演示 iframe 中传递一些参数
- java - Java 运行时环境检测到致命错误 (SIGBUS (0x7))