New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
import/order
not working with @types
packages
#1552
Comments
I believe #1491 will solve this. |
It does not. The problem is that (for example)
|
I’m confused about how @types packages play into this; you don’t import from those directly, that’s just the package TS transparently uses when you import from the normal one. |
Yes that's what should happen, but it isn't. We tried to debug why it wasn't working and found that this is what's happening. |
I think this issue should be reopened. It's still a real problem. I'm not sure why (debugging with DEBUG=eslint-plugin-import:* doesn't seem to provide helpful information for this) but every package with an associated @types package is getting sorted alongside my monorepo internal @foo scoped packages, instead of being placed with the external packages. I tried to fix it with the |
module.exports = {
root: true,
parser: '@typescript-eslint/parser',
parserOptions: {
ecmaVersion: 6,
sourceType: 'module',
ecmaFeatures: {
jsx: true,
},
},
rules: {
'import/order': [
'error',
{
'newlines-between': 'always',
},
],
},
settings: {
'import/resolver': {
// config for eslint-import-resolver-typescript package
typescript: {
alwaysTryTypes: true,
directory: './tsconfig.json',
},
},
'import/external-module-folders': ['node_modules', '@types'],
react: {
version: 'detect',
},
},
extends: [
'prettier',
'eslint:recommended',
'plugin:react/recommended',
'plugin:@typescript-eslint/eslint-recommended',
'plugin:@typescript-eslint/recommended',
'plugin:import/errors',
'plugin:import/warnings',
'plugin:import/typescript',
],
plugins: ['@typescript-eslint', 'react', 'import', 'react-hooks'],
}; |
I had same issue: An update |
I'm going to close this as resolved; but will be happy to reopen if v2.20.2 doesn't solve it for someone. |
Hello,
We are trying to work around import/order for our codebase but we face some difficulties as it seems that some
external
dependencies are recognised asinternal
.We are using typescript and this makes imports a bit more peculiar, as when we try to import a package without types we most likely use the
@types
package for it (if it exists). This brings 2 problems:First one, packages like
react
when analysing the path will be in a path like:../../node_modules/@types/react
instead of../../node_modules/react
, hence thepath.indexOf
function will fail asnode_modules/react
can't be found. We could say that there is a workaround this usingimport/external-modules-folder
setting, pass bothnode_modules
andnode_modules/@types
and it works. But this does not solve our second issue:When a package with a name such as
@loadable/component
does not export types and we need to fetch it from@types
, there is a impossibility to declare 2 workspaces (@types/@loadable/component
), and so it instead becomes@types/loadable__component
. Which breaks the rule that try to find@loadable/components
in the path.Is there a work around this? I feel that to classify if a path is external it should be enough by checking if the folder directory appears in the path instead of check for
folder\package
what requires you to start having workarounds.The text was updated successfully, but these errors were encountered: