After last update individual icons for jsx are gone

[bigkrp]

Gones jsx icon

• OS: Windows 10
• I want to create an icon request(if not, remove these lines below):
  - Type: extension
  - Icon Name: file_type_reactjs
  - Sample original Icon (32x32/svg/transparent whenever possible): https://github.com/vscode-icons/vscode-icons/blob/master/icons/file_type_reactjs.svg
  - Extensions: .jsx
  -[ ] VSCode verion: 1.11.0
  -[ ] vscode-icons version: 7.5.1

[jarshwah]

Thank you! I wasn't sure if it was the update or something with my system. I'm also missing jsx icons.

[JamesRamm]

I have the same problem on Ubuntu. I dont even get JS icons - just a generic file icon.

[robertohuertasm]

@JamesRamm I've just tested in Ubuntu and it seems to be working fine. I'd suggest you to reinstall the extension and see if it works.

[robertohuertasm]

@bigkrp @JamesRamm can you let me know what you see when you have a jsx file selected? You should see something similar to the image above. Do you also have this Javascript React association?

[bigkrp]

@robertohuertasm
I have Javascript (Babel).

When I try to select react, there are also no icon

[robertohuertasm]

That would explain everything. jsx association is done via language id. Which babel extension are you using to get that language id?

[robertohuertasm]

Is this one?

[bigkrp]

@robertohuertasm yes, i use this extension for colorize code!
Should i turn off this extension?

[robertohuertasm]

The problem lies on how the babel extension is configured. It associates jsx files to javascript instead of javascriptreact.

Check this out to see how default vscode extensions deal with this.

Babel extension, instead, just does this other thing.

The way to fix it would be either manually associate jsx files again with Javascript React or tell the author of the plugin about this and see if he/she can fix it.

[robertohuertasm]

On the other hand, if none of the other is an option to you, you can always use custom file associations by putting something similar to this in your settings.json.

"vsicons.associations.files": [
    { "icon": "reactjs",  "extensions": ["jsx"], "format": "svg" }
  ]

After that, F1 > Icons: Apply Icons Customization

[JimiC]

Looks like our extension exposes bugs on other extensions due to the language id support.

[bigkrp]

@robertohuertasm thx! It's helped me!
I think it's problem, when vendor plugins could not get agree for filename associations between themselves

[jarshwah]

Thanks for leading me to the problem. For my issue, the problem extension was https://marketplace.visualstudio.com/items?itemName=TwentyChung.jsx which takes the file association, that doesn't map to an icon set. Either uninstalling that extension, or setting the following in settings.json solves the problem.

"files.associations": {
        "*.jsx": "javascriptreact"
    },

[mindwarrior]

For me it was as simple as click on the language shown at bottom right > Configure file association > select Javascript React.

[joyahmed]

I added the followings in settings.json and it worked 

"material-icon-theme.activeIconPack": "react_redux",
"workbench.iconTheme": "material-icon-theme"

[robertohuertasm]

@joyahmed It seems you're just using another theme.