search

UniversalDataTool / react-image-annotate

Create image annotations. Classify, tag images with polygons, bounding boxes or points.
MIT License
397 stars 176 forks source link

Problem to yarn start #203

Open TrongNhan30520 opened 2 years ago

TrongNhan30520 commented 2 years ago

I am trying to work with react-image-annotate library and got this error. How to fix it? Thank you very much! rtyui aaa

henriquedantass commented 2 years ago

@TrongNhan30520 Try to add this configurations on the resolvers of webpack

  resolve: {
    fallback: {
      fs: false,
      tls: false,
      net: false,
      path: false,
      zlib: false,
      http: false,
      https: false,
      stream: false,
      crypto: false,
    },
  },

after add this settings the component renders correctly for me

TrongNhan30520 commented 2 years ago

thank you so much

Dogancan94 commented 2 years ago

Are there any solution without using webpack ? Thank you.

parthpatel303 commented 1 year ago

@seveibar, This library providing all we required but there is an issue after installing regarding webpack version <5 config. is there any plan to upgrade the react-scripts and other legacy versions?

Screenshot 2022-10-13 at 12 15 43 PM

parthpatel303 commented 1 year ago

I am trying to work with react-image-annotate library and got this error. How to fix it? Thank you very much! rtyui aaa

@TrongNhan30520 Can you please tell me which solution is worked for you?

deadman2000 commented 1 year ago

same problem. why so many dependencies?

TrongNhan30520 commented 1 year ago

@parthpatel303 @Dogancan94 I use react 17.0.2 so i don't get error

hamid-mahmood commented 1 year ago

@TrongNhan30520 I downgrade react from 18 to 17.0.2, I still get the same error. @parthpatel303 @Dogancan94 Did find any solution for this issue?

hamid-mahmood commented 1 year ago

@TrongNhan30520 Try to add this configurations on the resolvers of webpack

  resolve: {
    fallback: {
      fs: false,
      tls: false,
      net: false,
      path: false,
      zlib: false,
      http: false,
      https: false,
      stream: false,
      crypto: false,
    },
  },

after add this settings the component renders correctly for me

After adding these settings in webpack.config.js, i'm getting below error:

image