DEV Community

Cui Mingda
Cui Mingda

Posted on

How to fix import/no-unresolved error while import jsx without extension

#eslint

在ESLint中设置了eslint-plugin-import扩展

"extends": [
  "plugin:import/recommended",
],
Enter fullscreen mode Exit fullscreen mode

当引入一个React文件的时候会校验失败，引入的逻辑没啥特别的

import App from "./App";
Enter fullscreen mode Exit fullscreen mode

具体触发的规则：

error  Unable to resolve path to module './App'  import/no-unresolved
Enter fullscreen mode Exit fullscreen mode

原因比较明显，因为没有扩展名，并且没有去试着解析jsx，所以只要在设置中加上这个要求就好了。

"eslintConfig": {
  "settings": {
    "import/resolver": {
      "node": {
        "extensions": [
          ".js",
          ".jsx"
        ]
      }
    }
  },
}
Enter fullscreen mode Exit fullscreen mode

References

Top comments (0)