最近用vuecli4创建了ts项目,是真折腾。特别是现在碰到这个问题。
首先运行
首先在components目录下创建一个test.ts文件:
export default interface A {
name: string
}
然后在App.vue中添加代码
import A from './components/test';
const a: A = {
name: '1'
};
console.log(a.name);
然后再把test.ts里面内容修改为
export default interface A {
name: number
}
此时vscode的Vetur已经报错了,然而网页上显示依然是正常的,原因是webpack没有监听到这个文件的变化,重新加载这个文件的内容