Comments (1)
Hello! Thanks for report. It seems like IconSVG is not loaded properly, returning undefined.
(can be, but doesn't seem like much related) First of all you can import the component directly from module other than manually specifying rel path:
import IconSVG from 'svg-inline-loader/lib/component.jsx';
and you need to require 'svg':
<IconSVG src={require('/public/images/video_controls_volume_icon.svg')} className="toggle" />
Are you using Webpack? What kind of React version are you using? Is component.jsx
bundled correctly? More infos would be helpful!
from svg-inline-loader.
Related Issues (20)
- Standardize README
- import returns base64 encoded URL HOT 2
- Parser won't transform xlink:href calls made from the <Image> tag
- Any plans for more releases? HOT 8
- Warning warning.js?8a56:36 Warning: Unknown props `elementName`, `defaultClassName` on <i> tag. Remove these props from the element. For details, see https://fb.me/react-unknown-prop
- svg attr viewBox no have px
- inline styles? HOT 2
- Add an option "auto add class name from svg file name". HOT 3
- Need to update loaderUtils?
- Fails to add prefix for class names using characters escaping (with backslash)
- One set of Quotation marks coming extra HOT 2
- Disable options on files that match a specific name
- can't load svg file from html file using svg-inline-loader HOT 4
- Cannot add property value, object is not extensible
- Wonderful, but raises an issue. module.exports is in it HOT 5
- removeSVGTagAttrs causes Firefox to not display SVG
- Add height, width, and fill attributes to <svg> or <path> HOT 1
- Using this to display SVG's as a base64 string in an image src. (example/question) HOT 1
- Invalid close tag added for namespaced tags
- does not work in svelte HOT 4
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 svg-inline-loader.