组件 .vue.s 源映射文件未生成

Question

这是我第一次试用 Vue。我使用 Vue 命令行工具生成带有 typescript 的示例项目。我在 tsconfig.js 中设置 "sourceMap": true。当运行服务时，它会为 *.ts 文件生成 JavaScript 源映射。但是 *.vue 组件，它不会生成 .js 源映射。命令行输出中没有警告或错误。我想要 *.vue 的 JavaScript 源映射，以便 WebStorm 可以命中断点。

我最初没有 "sourceMap": tsconfig.js 中的 true。我验证了 *.ts 正在生成 .js 源映射。我还验证了那些 *.ts 文件 WebStorm 现在可以命中断点。 *.vue 组件中没有命中断点。我修复了我修改的代码中的所有警告。

来自 tsconfig.js

的片段

"compilerOptions": {
"sourceMap": true,
"inlineSources":  true,
"types": [
  "webpack-env",
  "jest"
],

"include": [
"src/**/*.ts",
"src/**/*.tsx",
"src/**/*.vue",
"tests/**/*.ts",
"tests/**/*.tsx",
"src/components/HelloWorld.vue" //<-- just to see if it made a difference 
]

packages.json的一部分：

"typescript": "^3.0.0",
"vue-template-compiler": "^2.5.21"
"@vue/cli-service": "^3.2.0",

我希望为所有包含打字稿的 .vue 生成一个 .js 文件。 .ts文件生成js文件，.vue文件不生成。

Answer 1

.vue 文件（以及 .ts 文件）的源映射由 vue cli 在运行 vue-cli-service serve 时即时生成，但它们没有刷新到磁盘，所以你看不到它们。由于 .vue 文件映射到结果包的方式，WebStorm 目前无法调试 Typescript + Vue.js 项目中的 .vue 文件。我们正在调查此问题的可能解决方案，请关注 WEB-34557 以获取更新

组件 .vue.s 源映射文件未生成

Component .vue.s sourcemap file not generating

webstorm

typescript

vuejs2