Skip to content

Unable to compile if component template has img element with src attribute value "..." #1720

Open
@MRVDH

Description

@MRVDH

Version

15.9.3

Reproduction link

https://jsfiddle.net/chrisvfritz/50wL7mdz/ (don't know how to make a jsfiddle that uses vue-loader)

Steps to reproduce

import a component that has an img element with src attribute value "..." in the template.
Example:

<template>
    <div class="toast" role="alert" aria-live="assertive" aria-atomic="true">
        <div class="toast-header">
            <img src="..." class="rounded mr-2" alt="...">
        </div>
    </div>
</template>

What is expected?

Should compile

What is actually happening?

ERROR Failed to compile with 1 errors
This dependency was not found:

  • ... in ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"34501d4a-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/NotificationsComponent.vue?vue&type=template&id=a13abeb6&scoped=true&

To install it, you can run: npm install --save ...

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions