Files compile fine, but VSCode doesn't autocomplete and shows errors

[laoqiu233]

Describe the bug
I'm using LESS as a preprocessor, I've added an import in a file like this @import (reference) '../base.module.less' (also tried without reference tag), and the auto-completion for the classes in this file is gone.
I've read #113 and it still doesn't solve my problem, since the person who created the issue is using sass and I'm using less.

To Reproduce
I'm not really sure how this happened, I just added the line to import and the IntelliSense is gone! I've uploaded the code to a temporary repo so maybe someone could read the code and find out what's wrong with it.
https://github.com/laoqiu233/for_issue

Expected behavior
VSCode should provide IntelliSense and not throw errors.

Screenshots

The LESS file with the line

An empty style object, but the code compiles and works fine

VSCode complains and shows errors

Commented out the line

Works fine after deleting the line

Desktop (please complete the following information):

• OS: Windows 10 64bit
• Browser: Chrome
• Version 89.0.4389.90

[wzono]

same problems. need helps...

[mrmckeb]

Thanks for the reproduction, @laoqiu233 - it really helped! And, sorry for the very slow reply.

This is a known issue with Less, which can be resolved by adding (css):

- @import url('https://fonts.googleapis.com/css2?family=Monoton&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;1,100;1,200;1,300;1,400;1,500&display=swap');
+ @import (css) url('https://fonts.googleapis.com/css2?family=Monoton&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;1,100;1,200;1,300;1,400;1,500&display=swap');

I found the issue here for reference: less/less.js#3188

I hope that helps!

@wingsico if you still have an issue, please raise a new issue with a small reproduction and I'll take a look ASAP :)

[wzono]

Thanks for the reproduction, @laoqiu233 - it really helped! And, sorry for the very slow reply.

This is a known issue with Less, which can be resolved by adding (css):

- @import url('https://fonts.googleapis.com/css2?family=Monoton&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;1,100;1,200;1,300;1,400;1,500&display=swap');
+ @import (css) url('https://fonts.googleapis.com/css2?family=Monoton&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;1,100;1,200;1,300;1,400;1,500&display=swap');

I found the issue here for reference: less/less.js#3188

I hope that helps!

@wingsico if you still have an issue, please raise a new issue with a small reproduction and I'll take a look ASAP :)

Ok, the same problems still exist. I will raise a new issue for it.

[mrmckeb]

Thanks @wingsico. This was definitely the fix for the reproduction in this issue, I tested multiple times. When you raise an issue, I can help sort out your issue too!

[wzono]

Thanks @wingsico. This was definitely the fix for the reproduction in this issue, I tested multiple times. When you raise an issue, I can help sort out your issue too!

A new issue raised here. #122
This bug caused by other problems, but behaves the same way.