javascript - React automatisk import uoverensstemmelse. Fungerer for typescript ved enkel fil gemt. Ikke i andre tilfælde

Modulimport for typescript fungerer, men kun hvis jeg bruger "gem" i vscode, i stedet for gem alle.

Filimport fungerer også for typescript react-filer, men inde i return er autoudfyldning ikke en mulighed, så jeg er nødt til at skrive komponenter manuelt.

For .js/.jsx virker ingen af dem. Kun import ved at skrive uden for return fungerer for filer. Hvis importen slettes, bliver den ikke automatisk erstattet.

Jeg kunne bruge lidt hjælp, for efter at have brugt timer på at forsøge at få det til at virke, ved jeg ikke engang, hvad jeg skal prøve næste gang.

Dette er min settings.json:

{
    //Emmet
    "emmet.triggerExpansionOnTab": true,
    "emmet.includeLanguages": {
        "javascript": "javascriptreact"
    },
    "emmet.syntaxProfiles": {
        "javascript": "javascriptreact"
    },
    "emmet.excludeLanguages": ["markdown"],

    //ESLINT
    "eslint.codeAction.showDocumentation": {
        "enable": true
    },
    "eslint.lintTask.enable": true,
    "eslint.run": "onType",
    "workbench.iconTheme": "vscode-icons",
    //Autoimport
    "javascript.suggest.autoImports": true,
    "javascript.updateImportsOnFileMove.enabled": "always",
    "typescript.suggest.autoImports": true,
    "typescript.updateImportsOnFileMove.enabled": "always",
    "explorer.confirmDragAndDrop": false,
    "explorer.compactFolders": false,
    "editor.codeActionsOnSave": {
        "source.addMissingImports": true,
        "source.organizeImports": true
    },
    //Prettier
    "prettier.arrowParens": "always",
    "prettier.trailingComma": "es5",
    "prettier.useTabs": true,

    //Activity Bar
    "workbench.activityBar.visible": true,

    "material-ui-snippets.showNotesOnStartup": false,

    "diffEditor.ignoreTrimWhitespace": false,

    "vsintellicode.modify.editor.suggestSelection": "choseToUpdateConfiguration",
    "breadcrumbs.enabled": true,

    "workbench.statusBar.visible": true,

    "gitlens.advanced.quickPick.closeOnFocusOut": false,
    "files.trimTrailingWhitespace": true,

    "workbench.colorTheme": "GitHub Dark",
    "python.languageServer": "Pylance",
    // "workbench.editorAssociations": {
    //  "*.ipynb": "jupyter.notebook.ipynb"
    // },
    "jupyter.interactiveWindowMode": "perFile",

    "gitlens.advanced.messages": {
        "suppressGitMissingWarning": true
    },

    "editor.bracketPairColorization.enabled": true,
    "editor.guides.bracketPairs": "active",
    "editor.autoClosingBrackets": "always",
    "editor.autoClosingQuotes": "always",
    "editor.formatOnSave": true,
    "editor.linkedEditing": true,
    "editor.fontLigatures": true,
    "editor.fontFamily": "Fira Code, Fira Code iScript, Consolas, 'Courier New', monospace",
    "editor.minimap.enabled": false,
    "editor.tabSize": 2,
    "editor.wordWrap": "on",
    "editor.suggestSelection": "first",
    "editor.renderWhitespace": "none",
    "editor.renderControlCharacters": false,
    "editor.snippetSuggestions": "inline",
    "editor.quickSuggestions": true,
    "editor.wordBasedSuggestions": true,


    "compilerOptions": {
        "baseUrl": "./src",
        "checkJs": true,
        "jsx": "react"
    },

    "[jsonc]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[javascriptreact]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[typescriptreact]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[typescript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "files.autoSave": "afterDelay"
}