Estoy usando la importación de módulos desde el siguiente. Intentando importar un componente así.
import Navbar from '@/components/Navbar/Navbar';
Cuando ejecuto npm, ejecute lint. Obtuve el siguiente error.
1:20 Error: Unable to resolve path to module '@/components/Navbar/Navbar'. import/no-unresolved
Este es mi jsconfig.json
"compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["./src/*"], "@/components/*": ["components/*"], "@/pages/*": ["pages/*"], "@/styles/*": ["styles/*"] } } }
Esto es eslintrc.json
"parserOptions": { "ecmaFeatures": { "jsx": true }, "ecmaVersion": 11, "sourceType": "module" }, "settings": { "react": { "version": "detect" }, "import/resolver": { "alias": { "map": [ ["@components", "./components/*"], ["@images", "./public/*"], ["@/pages/*", "pages/*"], ["@/styles/*", "styles/*"] ], "extensions": [".js", ".jsx"] } } }, "plugins": ["react", "react-hooks", "jest"], "rules": { "react/jsx-props-no-spreading": 0, "react/react-in-jsx-scope": "off", "import/extensions": "off", "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }], "react/display-name": 1, "jest/no-disabled-tests": "warn", "jest/no-focused-tests": "error", "jest/no-identical-title": "error", "jest/prefer-to-have-length": "warn", "jest/valid-expect": "error", "import/no-unresolved": [2, { "caseSensitive": false }] } }
He probado muchas soluciones desde aquí y aquí aquí . No parece funcionar.