Cannot resolve directory '~icons' in PHPStorm IDE

[anburocky3]

How to suppress or get rid of these IDE errors?

Adding docs on that, in the readme, would be super helpful.

[userquin]

try adding a vite-env.d.ts inside your src folder adding this (if you're NOT using vue, configure the corresponding fw):

/// <reference types="unplugin-icons/types/vue" />

[userquin]

if not working try adding this to your tsconfig.json:

"compilerOptions": {
  "types": ["unplugin-icons/types/vue"]
}

[anburocky3]

I have already added the types in the tsconfig.json file.

I'm using Laravel with Vite, Where should i place the file vite-env.d.ts?

I placed in root as well as resources/js/ both, didn't pick up that, same issue.

[userquin]

what's the content of your tsconfig.json file?

EDIT: just add the include entry and set it where you want...

[anburocky3]

These are my tsconfig.json

{
    "compilerOptions": {
        "target": "es5",
        "module": "es2020",
        "moduleResolution": "node",
        "strict": true,
        // Enable strict type-checking options
        "skipLibCheck": true,
        // Skip type checking of declaration files
        "noImplicitAny": false,
        // Bypass raising errors on `any` type
        "baseUrl": ".",
        "paths": {
            "@/*": [
                "./resources/js/*"
            ],
            "ziggy": [
                "vendor/tightenco/ziggy/dist/vue"
            ]
        },
        "types": [
            "vite/client",
            "node",
            "unplugin-icons/types/vue"
        ]
    },
    "include": [
        "resources/assets",
        "resources/js/**/*"
    ]
    // Frontend paths pattern
}

I think, the error which i showed before, is coming from PHPStorm and not typescript.

[userquin]

try adding the dts file inside resources folder and add "resources/**.d.ts" to the include entry.

have you configured TS in the IDE (IntelliJ screenshot)?

upps, I'll upload another screenshot

[userquin]

For example, Vue3 example resolving, but the react one missing (in both cases the IDE will go to the definition):

[anburocky3]

This is what i did:

1. Created vite-env.d.ts inside resources directory with the following code.

   /// <reference types="unplugin-icons/types/vue" />

2. Added the entry in the tsconfig.json file

   "include": [
       "resources/assets",
       "resources/js/**/*",
   +        "resources/**.d.ts"
   ]

3. Yes, my Typescript is configured correctly like this.

After all this, still:

[LUDA0831]

You can refer to this issues #213

[anburocky3]

Thank you and it fixed the errors. Thank you.