Coverage html report with karma throws "no such a file or directory"

[lsycxyj]

Version

15.6.2

Reproduction link

https://github.com/lsycxyj/vue-l-lazyload/tree/temp/coverage-vue-loader-bug

Steps to reproduce

1. Clone this branch: https://github.com/lsycxyj/vue-l-lazyload/tree/temp/coverage-vue-loader-bug
2. yarn install
3. yarn unitReport
   And It will throw the error.

What is expected?

Html report should be produced correctly.

What is actually happening?

It breaks with message like:
ERROR [karma-server]: { Error: ENOENT: no such file or directory, open 'path\to\InViewComp.vue?vue&type=script&lang=js&.html'

---

I suppose it's related to the weird query parameters after the vue file path. And the html report will be produced correctly if I don't import the single file component of ".vue" files.

[posva]

Please do not share your whole project to get help on configuring the karma and other tools. That should be asked in the Forum, Stack overflow or Discord

[lsycxyj]

@posva This problem does occur only when it's integrated with karma and other tools. It doesn't matter which coverage reporter is because I have tried both karma-coverage-istanbul-reporter and karma coverage and they both failed.
I suppose it's something wrong with istanbul and vue-loader, like #1372 and #1388.
The similar issue of vueify is the query suffix breaks the istanbul's reporter to find the source.

[lsycxyj]

For the record, I changed the babel-plugin-istanbul to istanbul-instrumenter-loader and this problem haven't happened again.