Parcel: 🐛 stylus image build error
Choose one: is this a 🐛 bug report or 🙋 feature request?
🎛 Configuration package.json
"scripts": {
"start": "rimraf ./dist && parcel ./src/index.html",
"build": "rimraf ./dist && parcel build ./src/index.html"
},
"devDependencies": {
"babel-polyfill": "^6.26.0",
"babel-preset-env": "^1.6.1",
"rimraf": "^2.6.2",
"stylus": "^0.54.5"
}
🤔 Expected Behavior
It's work
😯 Current Behavior
parcel ./src/index.html --no-cache
Server running at http://localhost:1234
✨ Built in 3.15s.
In dist, all background-image is
background-image: url("6ca929a9fe71b45e369a3d439a90e58e.");
not find this img file
In browser console
css-loader.js:31 Uncaught (in promise) Error: Cannot find module '54cb5b99c362480e7d815a6feae6722f.png,20'
at newRequire (css-loader.js:31)
at newRequire (css-loader.js:22)
at localRequire (css-loader.js:31)
at css-loader.js:31
at <anonymous>
💁 Possible Solution
🔦 Context
💻 Code Sample
src
| -- index.html
| -- assets
| -- img.jpg
| -- common
| -- xxx.jpg
| -- xxx.jpg
| -- xxx.jpg
| -- style
| -- index.styl
| -- base.styl
| -- common
| -- xxx.styl
| -- xxx.styl
| -- xxx.styl
index.html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="./style/index.styl">
</head>
<body>
<script src="./script/index.js"></script>
</body>
</html>
index.styl
@import "./base.styl"
base.styl
// baseStyle
@import "./common/**"
./common/xxx.styl
.icon
width .28rem
height .26rem
background url('../../assets/common/icon-share.png') center no-repeat
background-size 100% 100%
🌍 Your Environment
| Software | Version(s) |
| ---------------- | ---------- |
| Parcel | 1.5.1 |
| Node | v8.9.4 |
| npm/Yarn | npm 5.6.0 |
| Operating System | OS X |
ZZ-Zero
👍1
All 7 comments
me too having a similar issue.
DakshMiglani
on 26 Jan 2018
👍2
Same error
adityamandal
on 26 Jan 2018
👍1
@aicest You’ve done some work with Stylus before. Do you think you can try looking into this?
davidnagli
on 26 Jan 2018
any progress on this? can we help?
DakshMiglani
on 27 Jan 2018
@DakshMiglani Ya sure! Feel free to submit a PR 😃
davidnagli
on 27 Jan 2018
Alright I'll check on that, also the same bug is with sass.
DakshMiglani
on 28 Jan 2018
540
DakshMiglani
on 28 Jan 2018
Was this page helpful?
0 / 5 - 0 ratings
Related issues
dsky1990
·
3Comments
humphd
·
3Comments
philipodev
·
3Comments
oliger
·
3Comments
Niggler
·
3Comments
Most helpful comment
me too having a similar issue.