You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository was archived by the owner on Mar 22, 2026. It is now read-only.
Repository navigation
This repository was archived by the owner on Mar 22, 2026. It is now read-only.
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.
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'] }
Activity
vankop commentedon Feb 28, 2020
do u using CRA ?
may be this is relevant to jsoneditor itself..
for webpack build u need appropriated loaders check this issue #16
rinturj84 commentedon Feb 29, 2020
I'm using React in Meteor app. Bundled using using default meteor bundler.
rinturj84 commentedon Mar 5, 2020
is there any update regarding this issue ?
vankop commentedon Mar 5, 2020
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..
vankop commentedon Mar 5, 2020
In provided example svg with icons loads, so probably you need to create issue in jsoneditor itself https://github.com/josdejong/jsoneditor/issues
TrejGun commentedon Dec 17, 2020
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
TheGitPanda commentedon Apr 13, 2022
Working to find a fix for this. Its one of those straight forward gotchas, must be
TheGitPanda commentedon Apr 20, 2022
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.
ypling commentedon May 18, 2022
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'] }ng-aneesh commentedon Dec 18, 2024
Was this issue solved, I am facing the same issue