报错原因:如果在 TypeScript 文件中导入一个带有包含JavaScript 内容文件,编辑器通常会标记它为错误或警告。
解决方案一(优先):
".vue"
文件不存在script标签
,或者存在<script lang="ts"></script>
;(注:lang代表脚本语言类型,默认js)。
一般情况下,方案一就能解决,毕竟在框架模版中没有使用以下声明文件的方式时文件导入没有报错。
解决方案二:
在根目录下的env.d.ts
文件中,声明*.vue文件
。
declare module '*.vue' {
import { ComponentOptions } from 'vue'
const componentOptions: ComponentOptions
export default componentOptions
}
如果继续报错,可以重启一下编辑器!