Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Loading an svg with ?include produces unexpected results #272

Open
pkpowell opened this issue Nov 1, 2020 · 4 comments
Open

Loading an svg with ?include produces unexpected results #272

pkpowell opened this issue Nov 1, 2020 · 4 comments

Comments

@pkpowell
Copy link

pkpowell commented Nov 1, 2020

Describe the bug
Loading an svg with ?include crashes dev server (it loads fine without the ?include).
The node progress bar stalls around 69%, then exits with the error below. If the svg is small enough node will survive and the browser issues a 404 for the svg.
Do I have the query wrong?

● Client █████████████████████████ building (69%) 4451/4496 modules 45 active
 raw-loader › raw-loader › img-loader › assets/uploads/.....jpg

● Server █████████████████████████ after chunk asset optimization (93%) SourceMapDevToolPlugin pages/sketches/index.js
 generate SourceMap

/Users/phil/web/boltshauser-new/node_modules/source-list-map/lib/SourceListMap.js:99
		}).join("");

The browser issues a 404 on what looks like a massive url containing the url-encoded svg

GET http://localhost:3000/works/%3Csvg%20viewBox=%220%200%20806%2028%22%20xmlns=%22http://www.w3.org/2000/svg%22%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20stroke-linejoin=%22round%22%20stroke-miterlimit=%222%22%3E%3Cpath%20d=%22M0%2027.22h26.292c4.723%200%208.219-1.226%208.219-7.14%200-4.053-1.34-5.986-4.946-6.433v-.111c2.305-.67%203.979-1.562%203.979-6.173%200-5.28-3.198-7.066-9.78-7.066H0v26.924zm8.256-10.672h14.8c1.786%200%202.976.41%202.976%202.231%200%201.562-1.19%201.971-2.975%201.971h-14.8v-4.202zm0-9.78h14.615c1.525%200%202.417.558%202.417%202.12%200%201.524-.892%202.082-2.417%202.082H8.256V6.768zm31.2%2011.007c0%207.884%204.426%209.743%2011.863%209.743h13.24c7.437%200%2011.862-1.859%2011.862-9.743V9.743C76.42%201.859%2071.996%200%2064.558%200H51.32c-7.437%200-11.863%201.859-11.863%209.743v8.032zm8.48-5.466c0-3.347.817-5.392%205.168-5.392h9.67c4.35%200%205.168%202.045%205.168%205.392v2.9c0%203.905-.818%205.393-4.723%205.393H52.66c-3.906%200-4.724-1.488-4.724-5.393v-2.9zM81.962%2027.22h26.812v-6.916H90.218V.297h-8.256v26.924zm27.221-20.23h11.603v20.23h8.255V6.99h11.603V.298h-31.46v6.694zm34.895%2013.277c0%205.838%203.012%207.251%2010.524%207.251h10.003c10.97%200%2013.425-1.19%2013.425-8.441%200-7.847-2.975-8.628-15.805-8.59-8.85.037-9.854-.038-9.854-2.38%200-1.45%201.264-2.083%203.123-2.083h9.148c3.794%200%204.017.818%204.017%202.79h8.255v-.856c0-4.723-.892-7.958-10.412-7.958h-11.528c-10.413%200-10.86%203.756-10.86%208.627%200%206.62%201.414%208.107%2013.835%208.107%2010.635%200%2011.602.149%2011.602%202.492%200%202.082-1.785%202.268-3.533%202.268h-10.115c-2.38%200-3.532-.223-3.57-3.087h-8.255v1.86zm39.357%206.953h8.255V17.033h17.404V27.22h8.256V.297h-8.256v9.595H191.69V.297h-8.255v26.924zm37.162%200h9.223l2.417-4.76h16.734l2.566%204.76h9.185L245.922.298h-10.747l-14.578%2026.924zM240.53%206.546l5.355%2010.115h-10.562l5.207-10.115zm22.572%2011.081c0%206.693%203.459%209.891%2011.045%209.891h11.825c7.587%200%2011.045-3.198%2011.045-9.891V.297h-8.256v15.545c0%203.42-1.227%204.76-4.61%204.76h-8.182c-3.384%200-4.611-1.34-4.611-4.76V.297h-8.256v17.33zm39.754%202.64c0%205.838%203.012%207.251%2010.524%207.251h10.004c10.97%200%2013.424-1.19%2013.424-8.441%200-7.847-2.975-8.628-15.804-8.59-8.85.037-9.855-.038-9.855-2.38%200-1.45%201.264-2.083%203.124-2.083h9.148c3.793%200%204.016.818%204.016%202.79h8.256v-.856C335.693%203.235%20334.8%200%20325.28%200h-11.528c-10.412%200-10.859%203.756-10.859%208.627%200%206.62%201.413%208.107%2013.834%208.107%2010.636%200%2011.603.149%2011.603%202.492%200%202.082-1.785%202.268-3.533%202.268h-10.115c-2.38%200-3.533-.223-3.57-3.087h-8.256v1.86zm39.792%206.953h29.936v-6.47h-21.68v-4.313h20.08v-5.579h-20.08V6.545H372.1V.297h-29.453v26.924zm44.197-20.23h12.904c2.604%200%203.794.447%203.794%202.827v.893c0%201.933-.819%202.826-3.05%202.826h-13.648V6.99zm-8.255%2020.23h8.255v-6.99h12.979c2.566%200%203.384.93%203.384%203.756v3.235h8.255v-4.574c0-4.425-2.045-5.504-4.5-5.95v-.075c3.794-.892%204.612-3.012%204.612-6.619v-1.71c0-4.835-1.71-7.996-8.07-7.996H378.59v26.924zm44.343%200h4.128l3.347-5.689h21.569l3.347%205.69h4.128L443.46.297h-4.537l-15.99%2026.924zm27.296-8.664h-18.073l9.037-15.284%209.036%2015.284zm14.614%208.664h3.645V16.586h17.775c3.31%200%205.355.52%205.355%204.723v5.913h3.422v-6.88c0-2.454-.893-4.388-4.612-5.057v-.075c2.79-.26%204.946-1.301%204.946-5.094V7.92c0-5.058-1.227-7.624-8.999-7.624h-21.532V27.22zm3.645-13.61V3.272h16.585c5.355%200%206.657.967%206.657%203.98v2.454c0%202.826-1.71%203.904-5.764%203.904h-17.478zm33.692%203.83c0%206.806%202.306%2010.078%209.595%2010.078h13.76c7.549%200%209.11-2.64%209.11-7.511v-1.823h-3.42v1.674c0%203.644-1.414%204.685-6.323%204.685h-12.755c-3.496%200-6.322-1.04-6.322-5.726V8.702c0-4.686%202.826-5.727%206.322-5.727h12.644c3.347%200%206.173.223%206.173%204.797v1.227h3.198V6.693c0-3.607-1.822-6.693-8.441-6.693h-13.946c-7.289%200-9.594%203.272-9.594%2010.077v7.364zm40.016%209.78h3.644V14.838h24.32v12.384h3.645V.297h-3.644v11.565h-24.32V.297h-3.645v26.924zM585.332.297h3.645v26.924h-3.645zm24.174%2026.923h3.644V3.273h13.611V.297h-30.866v2.975h13.611v23.949zm23.406%200h26.59v-2.974h-22.945v-9.409h21.903v-2.975h-21.903v-8.59h22.796V.297h-26.44v26.924zm34.084%200h3.644V14.69h4.277l18.482%2012.532h6.396l.075-.074-21.049-13.909%2019.3-12.866-.074-.075h-5.95l-16.883%2011.417h-4.574V.297h-3.644v26.924zm47.935%200h3.645V3.273h13.61V.297h-30.865v2.975h13.61v23.949zm22.386%200h26.589v-2.974H740.96v-9.409h21.904v-2.975H740.96v-8.59h22.796V.297h-26.44v26.924zm34.51%200h3.644V3.57l24.656%2023.65h5.43V.298h-3.645v23.651L777.256.298h-5.429V27.22z%22%20fill=%22

To Reproduce
<img :src="require(~/assets/logo/logo2.svg?include)" />

Expected behavior
display the svg

Desktop (please complete the following information):

  • OS: [e.g. iOS]
    macos 10.15.7
    node 14.15
    nuxt 2.14.7

  • Browser [e.g. chrome, safari]
    chrome, safari, firefox, edge

  • Version [e.g. 22]
    latest

@telmaantunes
Copy link

I've got the same issue, it seems that this package cannot be used in conjunction with @nuxtjs/svg

@telmaantunes
Copy link

@juliomrqz
Copy link
Owner

@pkpowell are you using @nuxtjs/svg as well?

@pablomuro
Copy link

same error here, removing svg from the handleImages array do the trick

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants