question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Files with extension .js are being shown with the React icon.

See original GitHub issue

Since the version 2.2.3, I’m getting the javascriptreact mode with an empty "files.associations": {},

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:1
  • Comments:8 (3 by maintainers)

github_iconTop GitHub Comments

6reactions
iramirezccommented, Nov 3, 2017

Hi! I was experiencing the same problem. I needed to add this line to my user-settings:

EDIT (NOV 2nd, 2017): This solution has a drawback 😦. If for any reason you have jsx code in a .js file, the autoformat tool will make a mess of the code, that’s what happened to me. I needed to change the extension of the file to .jsx.

"files.associations": {
    "*.js": "javascript"
}
0reactions
jthegeduscommented, Nov 12, 2017

Hi all, apologies for not getting back to this for so long. This issue resolved itself for me after updating to VSCode 1.18.0. Maybe the update cleared some settings or something, I’ve no idea. Either way it’s not something I can replicate myself anymore. Thanks for the help

Read more comments on GitHub >

github_iconTop Results From Across the Web

VS Code Loading React file icon instead of JS file icon
I have material icons installed and it was working perfectly showing JS icon, but recently VS code is loading the react icon for...
Read more >
react-file-icon - npm
React component to render svg file icons. ... Start using react-file-icon in your project by running `npm i react-file-icon`.
Read more >
r/vscode - How can I get the icon of jsx files to be the react ...
How can I get the icon of jsx files to be the react logo? I used to have that, due to a vscode...
Read more >
React-Icons Snippets - Visual Studio Marketplace
This extension includes 54,168 React-Icons snippets for VS Code. Build apps with 18,056 icons—across multiple icon libraries—all at your ...
Read more >
How to use react-icons to install Font Awesome in a React app
In App.js , paste the import code at the top of the file after the React import code; Go back to the React...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found