🐛 bug report

importing an image via import hamster from 'url:./img/NotFound/hamster.png results in a build loop, which in turn causes a memory leak.

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

"babel": {
  "presets": [
    "@babel/preset-typescript",
    "babel-preset-nano-react-app"
  ]
}

from nano-react-app/nano-react-app

🤔 Expected Behavior

… Image gets imported, no build loop.

😯 Current Behavior

parcel index.html results in a build loop. No error is printed and the page imports the image properly.

💁 Possible Solution

¯\_(ツ)_/¯

🔦 Context

Importing an image and using it via <img src={hamster} />. This is pretty basic usage.

💻 Code Sample

import * as React from "react";
import { Link } from "react-router-dom";

import hamster from 'url:./img/NotFound/hamster.png';

export default class NotFound extends React.Component {
    render() {
        return (
            <div>
                <h1>Page not found</h1>
                <h2>Make sure you entered the link correctly.</h2>
                <div>
                    <img src={hamster} />
                    <Link to="/" className="button">Back home</Link>
                </div>
            </div>
        );
    }
}

🌍 Your Environment

Software	Version(s)
Parcel	^2.0.0-alpha.3.2
Node	v12.16.3
npm/Yarn	Yarn 1.22.4
Operating System	Fedora 32