Question

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

最初我没有“ sourceMap”：tsconfig.js中为true。我验证了* .ts正在生成.js源映射。我还验证了WebStorm现在可以打断点的* .ts文件。 * .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文件。 Js文件是为.ts文件生成的，但不是为.vue文件生成的。

Answer 1

运行.vue时，vue cli即时生成.ts文件（以及vue-cli-service serve文件）的源映射，但不会刷新到磁盘，因此你看不到他们。由于.vue文件映射到结果包的方式，WebStorm当前无法在Typescript + Vue.js项目中调试.vue文件。我们正在研究此问题的可能解决方案，请按照WEB-34557进行更新

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

1 个答案: