Webpack源映射指向一个奇怪的点文件夹中的已编译文件

Question

每当出现错误时，例如

  

TypeError：无法读取未定义的属性“名称”       在评估（TriggersForm.vue？./ node_modules / cache-loader / dist / cjs.js？{“ cacheDirectory”：“ node_modules / .cache / vue-loader”，“ cacheIdentifier”：“” 2c258351-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：138）

源映射引用的是半编译代码，而不是源代码：

事实证明，它指向一个奇怪的点文件夹中的文件：webpack://./src/...，而不是webpack://src/...

这个点文件夹到底是什么？

第三个标签（TriggersForm.vue?e3f0）中的文件位于webpack://src/...中，它是真正的源代码，为什么webpack没有指向它？

我在devtool = 'source-map'上使用@ vue / cli-service @ 3.5.3并通过命令vue-cli-service serve --https运行该应用程序。