Git Product home page Git Product logo

Comments (10)

tanem avatar tanem commented on August 18, 2024

@kamarajuPrathi see #7 and #10. The example in this repo uses similar code to yours. Sounds like you need to be running a local webserver to get things to work properly.

from react-svg.

kamarajuPrathi avatar kamarajuPrathi commented on August 18, 2024

I am running my application using node , do i need to do anything different

from react-svg.

kamarajuPrathi avatar kamarajuPrathi commented on August 18, 2024

@tanem I have gone through #7 and #10 but didnt get any insight

from react-svg.

tanem avatar tanem commented on August 18, 2024

@kamarajuPrathi I'm talking specifically about this comment I made in #7:

Under the hood, SVGInjector will make an XHR for the SVG you specify (the example in this repo is serving things up via webpack dev server).

So, what exactly do you mean here? 👇

I am running my application using node

For example, are you using something like create-react-app to build your app? What error output do you see? Does the example in this repo run correctly for you?

from react-svg.

kamarajuPrathi avatar kamarajuPrathi commented on August 18, 2024

@tanem I could see that, when i say i using node .I am using node to run my react application and am using a webpack .
I dont see any error , but the image doesnt show up

Regarding your above question , yes i am using something like create-react-app

when i inspect elements i see something like this
<img class="" data-src="icon.svg" src="unknown">

from react-svg.

tanem avatar tanem commented on August 18, 2024

@kamarajuPrathi thanks, it's still hard to figure out exactly what's going on here though. I'm pretty confident it's not an issue with this module, and more an issue with your setup.

Can you push your complete project to Github? That would make it easier to debug.

from react-svg.

kamarajuPrathi avatar kamarajuPrathi commented on August 18, 2024

@tanem sure will do it

from react-svg.

kamarajuPrathi avatar kamarajuPrathi commented on August 18, 2024

@tanem i check with simple project its working fine ,
but in my actually project i have webpack config
{test: /.jsx?$/, loader: 'babel-loader', exclude: /node_modules/}
do i need to do something different to achieve it

from react-svg.

tanem avatar tanem commented on August 18, 2024

@kamarajuPrathi it's too hard to tell what's going on just from that snippet. I'd recommend looking through the docs and using create-react-app to build your app. That'll give you a solid starting point.

from react-svg.

tanem avatar tanem commented on August 18, 2024

Hey @kamarajuPrathi, I'm going to close this issue now since it doesn't appear to be an issue with this module, rather an issue with your project setup. All the best with getting things sorted 👍

from react-svg.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.