Microsoft created Visual Studio Code, generally known as VS Code, a source-code editor for Windows, macOS and Linux. Syntax highlighting, debugging support intelligent code completion, code refactoring, snippets and embedded Git are among the features. The theme, keyboard shortcuts, options, and extensions that offer more functionality can all be changed by users. The error “VS code CSS class selector not found with angular and bootstrap 5 beta” is a common error that can show up in many ways. In this blog, we will go through some of the ways you can fix this issue. Read on.

When Does The Error: “VS code CSS class selector not found with angular and bootstrap 5 beta” Occur?

You are using Angular and Bootstrap 5. However, when you put styles and scripts to my angular application, VS Code does not accept the bootstrap classes that you have created in the json file.

Vs Code does not recognize any of the classes you’ve defined. In classes, VS Code displays a red error. What is the best way to fix this problem?

How To Solve The Error: “VS code CSS class selector not found with angular and bootstrap 5 beta”?

To fix this issue, uninstall the “HTML CSS Support” extension and then reload the page. This solution works perfectly for many people.

Approach 1: Follow these steps

To solve the error “VS code CSS class selector not found with angular and bootstrap 5 beta”, let’s follow these steps:

1. By choosing the Extensions icon in the Activity Bar, you can access the Extension Manager.
2. Simply look for the “HTML CSS Support” plugin now.
3. This plugin must be opened
4. Remove it from your computer.
5. Then restart Visual Studio Code.

Approach 2: Return to version 1.3.3 of the ‘HTML/CSS Support’ extension

This issue is caused by the newest version of the “HTML CSS Support” plugin. So all we have to do now is return to version 1.3.3 of the ‘HTML/CSS Support’ extension till the problem is resolved.

Approach 3: Follow the insutructions below

If your “HTML CSS Support” plugin has been automatically upgraded, simply follow the insutructions below.

1. Access the file setting.json.
2. Simply define css.validation as shown below.
3. However, after adjusting the parameters, reload VS Code.

css.validation

"css.validation":{

        "id":false,

        "class":false

    }

Approach 4: Uninstall the plugin and reload Visual Studio Code

Excepting three solutions mentioned above, there is another solution for you to solve the issue “VS code CSS class selector not found with angular and bootstrap 5 beta”.

Actually, the “HTML CSS Support” Visual Studio Code plugin is the reason which causes the issue. To solve it, you simply need to uninstall the plugin and reload Visual Studio Code if you no longer require this extension. After doing that, your error will be corrected. This approach is very simple, but it works perfectly. It helps your program will run well without any errors, so let’s apply it to get your desired results.

Conclusion

We hope you will enjoy our article about the error. With this knowledge, we know that you can fix your error: “VS code CSS class selector not found with angular and bootstrap 5 beta” quickly by following these steps! If you still have any other questions about fixing this syntax error, please leave a comment below. Thank you for reading!

Read more

→ Tips On Solving The Error: “VSCODE: No debug adapter, can not send ‘variables’”