问题描述
当您使用 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 (将#修改为@)