Comments (10)
@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.
I am running my application using node , do i need to do anything different
from react-svg.
@tanem I have gone through #7 and #10 but didnt get any insight
from react-svg.
@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.
@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.
@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.
@tanem sure will do it
from react-svg.
@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.
@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.
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)
- NextJS issues. HOT 2
- Gatsby / build execution HOT 1
- Jest unit testing HOT 3
- Components don't work properly in iframe
- Components don't work properly in iframe HOT 4
- <style>-tag inside SVG becomes a page-wide style HOT 2
- Setting color HOT 3
- src prop warning in unit testing react testing library HOT 2
- Re-render of react-svg lost reference HOT 2
- ref type is incompatible HOT 2
- React SVG isn't working, when we give the external source. HOT 2
- wrapper rendered twice HOT 2
- Unit test cases are failing, if i use ReactSVG. HOT 4
- Namespace 'React' has no exported member 'JSX'. HOT 3
- Styling in scss HOT 2
- Doesn't update <use /> tag "href" attribute when `renumerateIRIElements` is true HOT 2
- CORS issue HOT 4
- SVG URL EXTERNAL, How Can I mock!? HOT 2
- ForwardedRef not assignable to ref type
- Make wrapper optional HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-svg.