微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

从 chrome devtools 中的 Vue 打字稿组件 sourcename 中删除 `"vue&type=script&lang=ts&"`

如何解决从 chrome devtools 中的 Vue 打字稿组件 sourcename 中删除 `"vue&type=script&lang=ts&"`

当您使用 typescript 创建 Vue 组件时,您必须将 lang="ts 添加<script> 标签,以便 Webpack 识别标签内的 typescript。 像这样:

<template>

</template>

<script lang="ts">
import {Component,Vue} from 'vue-property-decorator'

@Component({})
export default class SomeComponent extends Vue {

}
</script>

生成的 sourcemaps 导入到 chrome dev 工具中时,每个 vue 组件源文件名都附加了 vue&type=script&lang=ts&,就像 Component.vuevue&type=script&lang=ts& 一样,这会阻止它与 chrome 导入的项目文件正确映射。 问题是如何移除这个标签以便正确映射文件

我要么必须以某种方式使 webpack 编译没有该 lang=ts 属性的 vue 组件,要么以某种方式将其从源文件删除,请帮助...

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。