Intellisense stuck on loading after trying to index absolute import

[Bluefitdev]

• VSCode Version:

Version: 1.46.1
Commit: cd9ea6488829f560dc949a8b2fb789f3cdc05f5d
Date: 2020-06-17T21:17:14.222Z (5 days ago)
Electron: 7.3.1
Chrome: 78.0.3904.130
Node.js: 12.8.1
V8: 7.8.279.23-electron.0
OS: Darwin x64 19.5.0

• OS Version: OSX 10.15.5 (19F101)

Steps to Reproduce:

1. My js config:

{
    "compilerOptions": {
        "baseUrl": "./src"
    },
    "include": [
        "src"
    ]
}

Bootstrapped with Create react app. Try to import {} from "app/..." goes loading. Afterwards intellisense won't work for 1-2 minutes until it starts working again in the code.

Does this issue occur when all extensions are disabled?: Yes

Same thing goes on, if i try to index some files from the import. intellisense stays on loading on the code for 1-2 mins. Its pretty annoying when I need to code fast so sometimes when it loads i moved back to vim :(

Can anyone help please?

[mjbvz]

Can you share the project that causes this?

[Bluefitdev]

Sorry its a private repo from my company...

But here's the dependencies if that helps, bootstrapped with CRA

{
    "name": "fuse-react-app",
    "version": "4.1.5",
    "private": true,
    "homepage": "https://dev.slt3.com.au",
    "dependencies": {
        "@date-io/core": "1.3.9",
        "@date-io/date-fns": "1.3.13",
        "@date-io/moment": "1.3.11",
        "@formatjs/intl-pluralrules": "^1.3.5",
        "@material-ui/core": "4.9.10",
        "@material-ui/icons": "4.9.1",
        "@material-ui/lab": "4.0.0-alpha.49",
        "@material-ui/pickers": "3.2.10",
        "antd": "^4.3.4",
        "auth0-lock": "11.23.0",
        "autosuggest-highlight": "3.1.1",
        "axios": "0.19.2",
        "axios-mock-adapter": "1.18.1",
        "chart.js": "2.9.3",
        "clsx": "1.1.0",
        "cross-fetch": "3.0.4",
        "date-fns": "2.11.1",
        "dayjs": "^1.8.28",
        "firebase": "7.14.0",
        "formik": "^2.1.4",
        "formsy-react": "2.0.2",
        "google-map-react": "1.1.7",
        "history": "4.10.1",
        "i18next": "19.4.2",
        "isomorphic-fetch": "2.2.1",
        "jsonwebtoken": "8.5.1",
        "jss": "10.1.1",
        "jss-plugin-extend": "10.1.1",
        "jss-rtl": "0.3.0",
        "jwt-decode": "2.2.0",
        "keycode": "2.2.0",
        "konva": "^6.0.0",
        "lodash": "4.17.15",
        "marked": "0.8.2",
        "material-table": "1.57.2",
        "material-ui-popup-state": "1.5.4",
        "mobile-detect": "1.4.4",
        "moment": "2.24.0",
        "notistack": "0.9.9",
        "object-path": "^0.11.4",
        "path-to-regexp": "3.2.0",
        "perfect-scrollbar": "1.5.0",
        "prismjs": "1.20.0",
        "prop-types": "15.7.2",
        "qs": "6.9.3",
        "raw-loader": "4.0.1",
        "react": "16.13.1",
        "react-app-polyfill": "1.0.6",
        "react-autosuggest": "10.0.0",
        "react-beautiful-dnd": "13.0.0",
        "react-big-calendar": "0.24.3",
        "react-chartjs-2": "2.9.0",
        "react-dom": "16.13.1",
        "react-draggable": "4.3.1",
        "react-frame-component": "4.1.1",
        "react-i18next": "11.3.4",
        "react-intl": "^3.6.2",
        "react-is": "^16.13.1",
        "react-konva": "^16.13.0-3",
        "react-masonry-css": "1.0.14",
        "react-number-format": "4.4.1",
        "react-popper": "1.3.7",
        "react-redux": "7.2.0",
        "react-router": "5.1.2",
        "react-router-config": "5.1.1",
        "react-router-dom": "5.1.2",
        "react-scripts": "3.4.1",
        "react-select": "3.1.0",
        "react-signature-canvas": "^1.0.3",
        "react-spring": "8.0.27",
        "react-swipeable-views": "0.13.9",
        "react-swipeable-views-utils": "0.13.9",
        "react-table": "7.0.4",
        "react-text-mask": "5.4.3",
        "react-virtualized": "9.21.2",
        "react-window": "1.8.5",
        "redux": "4.0.5",
        "redux-persist": "^6.0.0",
        "redux-saga": "^1.1.3",
        "redux-thunk": "2.3.0",
        "styled-components": "5.1.0",
        "typeface-muli": "1.1.3",
        "velocity-animate": "1.5.2",
        "velocity-react": "1.4.3",
        "yup": "^0.29.1"
    },
    "resolutions": {
        "react": "16.13.1",
        "react-dom": "16.13.1",
        "date-arithmetic": "3.1.0",
        "chalk": "2.4.2"
    },
    "devDependencies": {
        "@babel/core": "7.9.0",
        "@babel/node": "7.8.7",
        "@babel/preset-env": "7.9.5",
        "@yarnpkg/pnpify": "^2.0.0-rc.20",
        "babel-eslint": "10.1.0",
        "cross-env": "7.0.2",
        "eslint": "6.8.0",
        "eslint-config-airbnb": "18.1.0",
        "eslint-config-prettier": "^6.11.0",
        "eslint-import-resolver-node": "^0.3.3",
        "eslint-plugin-import": "^2.20.1",
        "eslint-plugin-jsx-a11y": "^6.2.3",
        "eslint-plugin-prettier": "^3.1.3",
        "eslint-plugin-react": "^7.19.0",
        "eslint-plugin-react-hooks": "2.5.0",
        "js-beautify": "1.11.0",
        "node-sass": "^4.13.0",
        "prettier": "^2.0.4",
        "prettier-eslint": "^9.0.1",
        "promise": "8.1.0",
        "purgecss": "1.4.2",
        "source-map-explorer": "2.4.2",
        "tailwindcss": "1.2.0",
        "tailwindcss-dir": "4.0.0"
    },
    "scripts": {
        "start": "yarn run tailwind && react-scripts start",
        "build": "yarn run tailwind && yarn run purge-tailwind && cross-env GENERATE_SOURCEMAP=false react-scripts build",
        "tailwind": "tailwind build ./src/styles/tailwind-config.css -c ./tailwind.config.js -o ./src/styles/tailwind.css",
        "purge-tailwind": "node ./purge-tailwindcss.js",
        "test": "react-scripts test --env=node",
        "eject": "react-scripts eject",
        "build-docs": "find ./src/app/main/documentation/material-ui-components \\( -name '*.ts' -o -name '*.tsx' \\) -type f -delete && babel-node --presets @babel/preset-env src/app/main/documentation/material-ui-components/build.js",
        "analyze": "yarn run tailwind && yarn run purge-tailwind && react-scripts build && source-map-explorer 'build/static/js/*.js' --html analyze-result.html",
        "pnpify-sdk": "yarn pnpify --sdk",
        "lint": "eslint"
    },
    "browserslist": {
        "production": [
            ">0.2%",
            "not dead",
            "not op_mini all"
        ],
        "development": [
            "last 1 chrome version",
            "last 1 firefox version",
            "last 1 safari version",
            "ie 11"
        ]
    }
}

[Bluefitdev]

Also my eslintrc if that affects it? Although it happens even when I disabled extensions so I doubt that the eslint is having effect..

module.exports = {
    env: {
        browser: true,
        es6: true,
        node: true
    },
    parser: "babel-eslint",
    extends: [
        "plugin:react/recommended",
        "airbnb",
        "prettier",
        "prettier/react",
        "plugin:prettier/recommended"
    ],
    globals: {
        Atomics: "readonly",
        SharedArrayBuffer: "readonly"
    },
    parserOptions: {
        ecmaFeatures: {
            jsx: true
        },
        ecmaVersion: 2018,
        sourceType: "module"
    },
    plugins: ["react", "jsx-a11y", "import", "prettier"],
    rules: {
        "prettier/prettier": "error",
        "react/jsx-filename-extension": ["warn", { "extensions": [".js", ".jsx"] }],
        "no-console": "off",
        "no-use-before-define": "off",
        "react/destructuring-assignment": "off",
        "react/jsx-props-no-spreading": "off",
        "react/no-danger": "off",
        "react/require-default-props": "off",
        "react/default-props-match-prop-types": "off",
        "react/no-unused-prop-types": "off",
        "import/prefer-default-export": "off",
    },
    settings: {
      'import/resolver': {
        'node': {
          paths: ['src']
        }
      }
    }
};

[mjbvz]

Can you create a minimal project that demonstrates the problem?

[Bluefitdev]

Hmm its pretty hard to reproduce. I just created a copy project stripping out all of the core files and it works just fine.. but in a big projects it stucks at depth 1-2 of app/components/...loading then it goes loading

But if I stripped all of the core files (which has 5-6 main folders) it actually works just fine. But on the other hand it also works fine on sublime and vim. So i'm not really sure how to reproduce it

[Bluefitdev]

Hey I think this is the same problem with microsoft/vscode#53541.. I am still having it after coming back right now :/

[mjbvz]

Moving upstream for more feedback

To help us investigate, can you please try collecting the TS Server log:

1. Set "typescript.tsserver.log": "verbose",
2. Restart VS Code and reproduce the problem
3. In VS Code, run the TypeScript: Open TS Server log command
4. This should open a large log file called tsserver.log

This may help us identify why intellisense is so slow

⚠️Warning: The TypeScript log may include information from your workspace, including file paths and source code. If you have any concerns about posting this publicly on Github, just let me know and we can arrange something else. On our side, we only use these logs to investigate issues like this

[Bluefitdev]

Hey I reproduced the problem and have created the server log, it stucks on loading until it finishes indexing the import I guess?

I'm also using absolute import so here's the jsconfig.json:

{
    "compilerOptions": {
        "baseUrl": "./src"
    },
    "include": [
        "src"
    ]
}

Also I'm using another language server in VIM and it works fine. Not sure if that is the one that vscode is using?

but yes it contains some sensitive information and I don't want to risk it for anyone from my company to see that I violate the condition.

Can I share to you in any other ways? Probably on private Gdrive or something else. Please let me know, thanks heaps!

[mjbvz]

You can share them with: matb at microsoft. Google drive or email works fine

[Bluefitdev]

Emailed you mate.. Try to see if you received the invite

Thanks