Incorrect svg filepath

[wesflynn]

🐛 bug report

After updating to the latest version of Parcel (1.12.0) svg images no longer load properly due to the wrong paths being generated.

🎛 Configuration (.babelrc, package.json, cli command)

{
  "presets": ["@babel/env", "@babel/react"],
  "plugins": ["@babel/plugin-proposal-class-properties","react-hot-loader/babel","@babel/plugin-transform-runtime"]
}

🤔 Expected Behavior

Generated links should look like:

<img alt="logo" src="./logo_color.7e674228.svg" class="Component-logo-64">

😯 Current Behavior

Links generated by the newest version of Parcel:

<img alt="logo" src="/....logo_color.7e674228.svg" class="Component-logo-64">

💁 Possible Solution

🔦 Context

💻 Code Sample

import logo from "./Images/logo_color.svg";
...
<img alt={"logo"} src={logo} className={classes.logo} />

🌍 Your Environment

Software	Version(s)
Parcel
Node
npm/Yarn
Operating System

[mischnic]

Could you please post the img tag of your source code (esp. the src tag)?

[wesflynn]

alright here's what my source looks like...

import logo from "./Images/logo_color.svg";
...
<img alt={"logo"} src={logo} className={classes.logo} />

[GioLogist]

+1

[garth]

This issue seems to affect all asset types that are referenced from css, not just svg. The files are output correctly into the build folder but the paths in the css are output in a relative format instead of absolute as specified by --public-url.

Had to revert back to v1.11 for now.

[GioLogist]

For added context, I also received this error when referencing an img via require

[VincentGJ]

+1

[philcockfield]

+1

[herkyl]

Seeing similar behaviour in Parcel 1.12.4.

Using CSS I'm importing an svg like so url('../assets/icon.svg')
The minified svg file gets put to the root dist directory however the the minified CSS file tries to load it from dist/style/