Comments (4)
Oh sorry, this was fixed by the previous comment
from url-loader.
So, now, when I type <img src={require('./image.png')} />
webpack just dies. This is the error it gives me.
npm ERR! Linux 3.8.11
npm ERR! argv "/usr/bin/iojs" "/usr/local/bin/npm" "start"
npm ERR! node v5.0.0
npm ERR! npm v3.3.6
npm ERR! code ELIFECYCLE
npm ERR! @ start: `webpack-dev-server --hot --inline --history-api-fallback`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @ start script 'webpack-dev-server --hot --inline --history-api-fallback'.
npm ERR! This is most likely a problem with the package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! webpack-dev-server --hot --inline --history-api-fallback
npm ERR! You can get their info via:
npm ERR! npm owner ls
npm ERR! There is likely additional logging output above.
npm ERR! Please include the following file with any support request:
npm ERR! /home/zane/3ashworth/npm-debug.log
from url-loader.
Using ES6 and JSX, you should be able to do:
import someVar from 'imgPath'
<img src={someVar} />
from url-loader.
@zwhitchcox Please provide more info about your setup (webpack.config.js
). E.g is the <img src={require('image.png')} />
inside a .js
or .html
file (requires another loader) ?
from url-loader.
Related Issues (20)
- Specifying options as a query string does not work anymore
- Regarding the conversion of files to data urls, a less than condition was found to be missing HOT 1
- Corrupted or not proceed image matched multiple module rule simultaneously HOT 2
- How can i use name function with url-loader? HOT 1
- Limit option does not support 'Infinity' or 'Max Value' HOT 2
- Multiple references to the same asset in SASS/CSS `url()` breaks replacement process HOT 4
- [email protected] requires a peer of webpack@^4.0.0 but [email protected] was installed HOT 2
- Allow expressing limit as a function HOT 2
- `esModules: true` outputs `url([object Module])` instead of `url(base64String)` for inline local fonts? HOT 22
- Why url-loader stop supporting nodejs 8?, as webpack 5 still supporting nodejs 8 and higher? HOT 6
- url-loader 3.0.0 creates an erroneous export HOT 2
- Usage with require.context? HOT 1
- Blob Url Support HOT 1
- Images not inlined in Svelte 3 app HOT 1
- option to prefix URLs with `file://` HOT 3
- DataURL images also send network request to public path HOT 7
- [question] Do we have webpack 5 support coming for this lib? HOT 1
- NonErrorEmittedError: (Emitted value instead of an instance of Error) Error in parsing SVG: Non-whitespace before first tag. HOT 1
- Different default limit values in documentation HOT 3
- tree shake do not work with image HOT 2
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 url-loader.