所以,我最近创建了一个React应用程序,并根据文档(https://report-react-app.dev/docs/importing-a-component/#absolute-imports)更新了我项目的jslog.json,添加了绝对导入。现在我可以在我的项目中使用绝对导入,但现在VS代码智能感知似乎被破坏了,因为我没有获得绝对路径的自动建议。有人能指出原因吗?
所以,我最近创建了一个React应用程序,并根据文档(https://report-react-app.dev/docs/importing-a-component/#absolute-imports)更新了我项目的jslog.json,添加了绝对导入。现在我可以在我的项目中使用绝对导入,但现在VS代码智能感知似乎被破坏了,因为我没有获得绝对路径的自动建议。有人能指出原因吗?
3条答案
按热度按时间relj7zay1#
我按照cra文档和遭受同样的问题,我找到了解决方案,修改
baseUrl
从src
到./src
,希望这可以帮助你!字符串
kq4fsx7k2#
也许有人会发现它很有用-这里是如何处理路径别名:
jsconfig.json
(我们需要添加/修改Vscode以识别导入的唯一文件):字符串
webpack.config.js
中解析的路径别名:型
现在,当我输入,例如,
@c/
,Vscode提供自动完成提示正确,显示src/components
文件夹的内容,或者当我“ctrl-click”导入@c/Navbar
时,文件src/components/Navbar.js
被打开,一切都按预期工作。感谢上一个回复的作者关于
jsconfig.json
的提示。fykwrbwg3#
嗨,只是在这里添加一个答案,因为我一直在努力与我目前使用的模板。
查看此问题,解决方案是添加一个新的
jsconfig.json
属性:字符串
在添加了这个选项之后,intellisense能够检测到我的类的方法和属性。