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)

Read next

birdmorning profile image

Flutter And Swift: Which One Best Fits For Your IOS App Development in 2024?

Birdmorning Solutions Pvt. Ltd -

birdmorning profile image

The Web Development Process for Creating a Successful Website

Birdmorning Solutions Pvt. Ltd -

tharindumadubashna profile image

Level Up Your CSS with Sass: A Game-Changer for Web Developers

H.M Tharindu Madubashana -

birdmorning profile image

Choosing the Perfect App Development Approach in 2024: Native, Hybrid, or Cross-Platform?

Birdmorning Solutions Pvt. Ltd -