reactjs - 如何在 React 应用程序中为绝对路径导入启用 VS 代码智能感知?

标签 reactjs visual-studio webpack create-react-app

因此,我最近创建了一个 React 应用程序,并根据文档( https://create-react-app.dev/docs/importing-a-component/#absolute-imports )通过更新我的项目的 jsconfig.json 来添加绝对导入。现在我可以在我的项目中使用绝对导入,但是现在 VS 代码智能感知似乎被破坏了,因为我没有得到绝对路径的自动建议。任何人都可以指出原因可能是什么?

最佳答案

我遵循 cra 文档并遇到同样的问题,我找到了修改 baseUrl 的解决方案来自 src./src , 希望这可以帮到你!

// jsconfig.json
{
  "compilerOptions": {
    "baseUrl": "./src"
  },
  "include": ["src"]
}

// .eslintrc
{
  "settings": {
    "import/resolver": {
      "node": {
        "paths": ["src"]
      }
    }
  }
}

关于reactjs - 如何在 React 应用程序中为绝对路径导入启用 VS 代码智能感知?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59363617/

相关文章:

javascript - 将 JSON 信息获取到 Material-UI 对话框

javascript - 语义 react 模态奇怪的高度行为

visual-studio - 获取 Visual Studio 中的搜索结果列表

javascript - 如何将文件附加到 Webpack 中的 bundle ,或注入(inject)所需的代码?

javascript - react 语法错误: Inline Babel script: Unterminated JSX contents

javascript - 将 Prop 传递给 map 中的温度文字

visual-studio - appcenter-cli 无法安装(找不到命令)

mysql - 没有选择数据库 VS 2017社区版(vb.net)连接的MySQL数据库

javascript - 无法使用 webpack 缩小 css 代码

javascript - ionic 2 中的 Webpack 和 Web Workers