Whenever I attempt to import TSX components (without the extension), Eslint raises an error stating that it's unable to resolve the path:
https://i.sstatic.net/NiJyU.png
However, if I add the TSX extension, it then prompts me to remove it:
https://i.sstatic.net/2dbTS.png
This represents my configuration in .eslintrc.yaml:
env:
browser: true
es2021: true
extends:
- airbnb-base
- eslint:recommended
- plugin:solid/typescript
- prettier
parser: "@typescript-eslint/parser"
parserOptions:
ecmaVersion: latest
sourceType: module
plugins:
- prettier
- simple-import-sort
- solid
- "@typescript-eslint"
rules:
import/extensions:
- error
- always
- pattern:
tsx: never
prettier/prettier:
- error
simple-import-sort/imports: error
simple-import-sort/exports: error
I'm utilizing Solid.js and didn't opt for the React choice while setting up my eslintrc. Is there a method to instruct Eslint to disregard the error? Appreciate any assistance!