Skip to content
This repository was archived by the owner on Mar 22, 2026. It is now read-only.
This repository was archived by the owner on Mar 22, 2026. It is now read-only.

Icons are not rendered. #28

Open
Open

Description

@rinturj84

Icons are not visible in the editor.
Issue reproduced in codesandbx.
https://codesandbox.io/s/infallible-smoke-lvcvo?fontsize=14&hidenavigation=1&theme=dark

Activity

  1. vankop commented on Feb 28, 2020

    @vankop
    Owner

    do u using CRA ?
    may be this is relevant to jsoneditor itself..
    for webpack build u need appropriated loaders check this issue #16

  2. rinturj84 commented on Feb 29, 2020

    @rinturj84
    Author

    I'm using React in Meteor app. Bundled using using default meteor bundler.

  3. rinturj84 commented on Mar 5, 2020

    @rinturj84
    Author

    is there any update regarding this issue ?

  4. vankop commented on Mar 5, 2020

    @vankop
    Owner

    I think it is a problem upstream or in your webpack config.. You could check storybook https://github.com/vankop/jsoneditor-react/tree/master/stories all staff works..

  5. vankop commented on Mar 5, 2020

    @vankop
    Owner

    In provided example svg with icons loads, so probably you need to create issue in jsoneditor itself https://github.com/josdejong/jsoneditor/issues

  6. TrejGun commented on Dec 17, 2020

    @TrejGun

    In provided example svg with icons loads, so probably you need to create issue in jsoneditor itself https://github.com/josdejong/jsoneditor/issues

    I cant see icons loaded in provided example too, neither in my app
    https://codesandbox.io/s/infallible-smoke-lvcvo?fontsize=14&hidenavigation=1&theme=dark
    Screenshot 2020-12-17 at 16 36 24

  7. TheGitPanda commented on Apr 13, 2022

    @TheGitPanda

    Working to find a fix for this. Its one of those straight forward gotchas, must be

  8. TheGitPanda commented on Apr 20, 2022

    @TheGitPanda

    So it is indeed a webpack configuration issue. In my case I was using image-webpack-loader. But as soon as I changed my webpack config to use the following (begrudgingly), svgs and images are now loaded. Also ensure your Sass config is using resolve-url-loader and source map is enabled.

    {
        test: /\.(png|jpg|gif|svg)$/,
        type: 'asset/resource',
    }
    
  9. ypling commented on May 18, 2022

    @ypling

    I removed the config from webpack config from module.rules, and it worked
    Looks like the css loader toke care of it.
    { test: /\.css$/, use: ['style-loader', 'css-loader'] }

  10. ng-aneesh commented on Dec 18, 2024

    @ng-aneesh

    Was this issue solved, I am facing the same issue

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions