Vite 默认模板在 VScode 中给出错误(“moduleResolution”:“bundler”)

Abh*_*k V 18 node-modules typescript reactjs vite

该图像显示 tsconfig.json

ModuleResolution 的值默认设置为 Bundler,同时使用 vite 制作 React+TypeScript 应用程序,它在 VS Code 中显示为红色下划线,我应该担心吗?这是一个重大错误吗?我尝试这样做很多次,每次我都会遇到相同的错误..即如果这是一个错误

小智 18

尽管 Visual Studio Code 已更新到 2023 年 6 月版本,我也遇到了这个问题。

事实证明,我遇到了与上面 Mun 相同的问题:扩展Microsoft Edge Tools for VSCode是罪魁祸首。禁用该扩展然后重新加载 VSCode 会使红色波浪线消失。

  • 我有 VSCode 1.80.1 并且仍然遇到这个问题。通过如上所述禁用边缘工具来解决。 (4认同)

小智 9

问题和我的一样,我做了很多事情,但只有当我更新代码编辑器(vscode)的版本时,错误才消失。

由于最新的 typescript 版本(5.x)使用​​ 2023 年 3 月刚刚发布的 vite 默认模板,当 ModuleResolution 设置为“bundler”时,可能会导致旧的 vscode 显示错误(仅支持 ts 5.x)。因此,如果您使用 vscode,请检查您的版本并确保它至少为1.77

希望这可以帮到你

  • @ncubica 在使用 VSCode 1.78.2 时遇到了同样的问题,但发现问题实际上是由“Microsoft Edge Tools for VS Code”扩展引起的,我认为该扩展具有旧版本的 TSConfig 架构。禁用此扩展解决了 VSCode 将“bundler”值显示为“moduleResolution”设置错误的问题。 (3认同)