Error in ./UploadIcon.svg

[davechan813]

Hi guys, I am having this problem that when I import, it said "Error in ./UploadIcon.svg". Any one know how to fix it?

Thank you so much!

[donalmurtagh]

@davechan813 which file are you importing when trying to use the image upload component?

[davechan813]

@donalmurtagh I did nothing but just "import ImageUploader from 'react-images-upload';"

[ivnnv]

@donalmurtagh whats your envirmnent? Create React App or a custom project using webpack?

This issue problably refers to #21 , you need your project to properly be able to load svg files with a webpack svg loader for example (or use Parcel in your project as the bundler).

[donalmurtagh]

@IvanLinos I'm using create-react-app, but I'm not experiencing this problem, @davechan813 is

[ivnnv]

@davechan813 could you confirm are you using create-react-app without ejecting and in case, which version of it are you using ?

[makethisbuildthat]

i am having the same issue with UploadIcon.svg. I imported ImageUploader, without even using this component, i immediately getting a module parse failed error. I'm using reactGo boilerplate. Please help.

[Kiel-H-Byrne]

Same issue.... right after install and dropping onto a blank component i get:
Uncaught Error: Cannot find module './UploadIcon.svg'

[ghost]

I had the same issue, and resolved it by adding:

      {
        test: /.*\.svg$/,
        loader: 'svg-inline-loader',
      },

to module.rules in my webpack config. It then compiles successfully but the icon doesn't actually get loaded correctly -- however, if you set withIcon={false} on the ImageUploader component, that issue is rendered moot.