How to ignore route() not available in PHPStorm? (TS2304: Cannot find name 'route'.)

[anburocky3]

Showing two errors:

1. 
2. 

Adding extra information:

1. Yes, I'm using @routes blade on the layout page and the routes are generated by the laravel.
2. So it means, i can access the route() in any vue page right? If that so, IDE is complaining it can't find it. How to fix it? Any solutions?

Update:

• I just installed ziggy-js and importing it at every page when i need it. And the IDE error goes off. Is this the good method?

[bakerkretzmar]

So it means, i can access the route() in any vue page right?

Yes, that's right. Not sure about the IDE/eslint stuff, the code itself should work fine as far as I can see.

I just installed ziggy-js and importing it at every page when i need it. And the IDE error goes off. Is this the good method?

No, that's not necessary.

[bakerkretzmar]

Yeah I understand, I'm not sure how to turn off that message, sorry 😕

[pReya]

This is a Typescript error, not only a eslint error. If we use the global route() helper and don't import from ziggy-js (which is unnecessary) then obviously Typescript will complain, because it doesn't know the global route() helper. There must be a way to properly type the global route() in TS, right? Has no one ever done that?

[anburocky3]

The only temporary hack is to, import like this

import route from 'ziggy-js';

When i need it. But as you said, this is unnecessary, but to avoid IDE errors, we need to do that right now.

If you find any alternative better solutions, please ping.

[pReya]

Yeah, that's not a nice way to do it. Ziggy should be declared globally in Typescript, too. I'm still looking into this. Hope I can come up with a solution, soon.

[talelmishali]

@pReya Any luck finding a solution for that?

[pabueco]

This should fix it: #516 (comment)