.vue文件中，引入子组件提示报错：File ‘xxx.vue.ts‘ is not a module的解决方案

问题引入

在vscode中，代码提示报了该问题，如下：

我在App.vue中引入了Header.vue组件，Header.vue中把script标签加上了，但是没有写相关脚本代码，然后App.vue中就一直报错。

但是呢，我使用npm run dev命令，能够正常调试，所以我就没管这个问题。直到后面，我想使用npm run build来打包，这时候报错了，提示：

这时候就不得不去解决这个问题了。

解决方案

于是我便像屏幕前的你一样去找寻解决方案，发现很多都不是自己想要的，然后偶然在一篇文章中看到了，发现问题出在Header.vue这个文件里面。原文章链接：http://t.csdnimg.cn/JnJClhttp://t.csdnimg.cn/JnJCl

通读全文发现是

加上 setup lang="ts" 之后，报错立马消失，使用npm run build也能正常通过编译。

写在最后

如果我的文章解决了你的问题，请一定给我一个赞，让更多的人知道，中文互联网不是只有复制粘贴!如果你也想像我一样为中文互联网的正向发展不断努力，请你也在自己写的文章的最后加上这么一段话！