Compiling error when the template of the .vue file has the attribute lang="html"

Version

15.2.6

Reproduction link

https://github.com/eltonchan/test_vue_loader

Steps to reproduce

1、use vue cli3 create application （vue cli3 default use 15 version for vue-loader） 2、add html-loader to webpapck Configuration

chainWebpack: (config) => {
        config.module
            .rule('html')
            .test(/\.html$/)
            .use('html-loader')
            .loader('html-loader')
            .end();
    },

3、.vue file template add lang=“html” attribute

<template lang="html">

4、npm run serve

What is expected?

compiling success

What is actually happening?

error in ./src/App.vue?vue&type=template&id=7ba5bd90&lang=html&

Module Error (from ./node_modules/vue-loader/lib/loaders/templateLoader.js): (Emitted value instead of an instance of Error) Error compiling template:

---

By the way, in 14 version No such problem。

[mgrinspan]

Modify your package.json file to have "vue-loader": "<15.0.0" in the require section. Then run npm install

[adamgoose]

This proves problematic for a component that uses a language other than html. For example, we use pug for all of our vue component files.

I’m getting the same error, but also can see a message beneath the template:

error  in ./src/components/Presence.vue?vue&type=template&id=3482c7ab&lang=pug&

Module Error (from ./node_modules/vue-loader/lib/loaders/templateLoader.js):
(Emitted value instead of an instance of Error)
  Error compiling template:

  v-toolbar-items(transition="slide-y-transition")
    v-avatar.mx-2.user-avatar(size="24" v-for="(id, i) in present" :key="i")
      img(:src="`https://someawesomeavatarserver.com/${id}`")

  - Component template requires a root element, rather than just text.

When I nest the entire component in a div, the compiler gives me the same error for another component, then another, then another…

It seems as though, in my case at least, the loader doesn’t recognize v-toolbar-items(...) as a root element.