vue3 + Typescript import “.vue“ 文件时报红问题
在写完index.vue之后，想回去在解决这个问题，结果发现不报红了，经过一番折腾之后发现组件中的ts脚本是不需要默认导出的，在script标签中加上setup字段即可，这样也解决了导入vue文件的问题。因为以前一直是用的js来写脚本，突然换成ts之后有很多问题，今天在做路由设置导入组件的时候一直报红，看了很多相关文档都没有找到问题，最后发现其实是因为ts导出方式和js不太一样。在做完这一步之后依旧在报红，也运行不起来，各方查阅文档后依旧解决不了，干脆摆烂了！
因为以前一直是用的js来写脚本，突然换成ts之后有很多问题，今天在做路由设置导入组件的时候一直报红，看了很多相关文档都没有找到问题，最后发现其实是因为ts导出方式和js不太一样。
在router/index.ts中设置路由:
import index from "@/layout/index.vue"
查询文档后发现ts中没有自动识别vue文件的依赖，需要在env.d.ts中添加module：
declare module '*.vue' {
import { definecomponent } from "vue";
// 有一些文档里import的是componentoptions,但是版本貌似比较低了
const component: definecomponent<{}, {}, any>;
export default component;
}
在做完这一步之后依旧在报红，也运行不起来，各方查阅文档后依旧解决不了，干脆摆烂了！直接先写组件！
在写完index.vue之后，想回去在解决这个问题，结果发现不报红了，经过一番折腾之后发现组件中的ts脚本是不需要默认导出的，在script标签中加上setup字段即可，这样也解决了导入vue文件的问题。以我猜测估计是因为组件中没有有效导出所以才导致路由导入vue文件时会报红。
相关文章:
-
-
javascript变量的特点是变量类型是可变的，这是一个很好的特性，但是如果你在之前写了一个处理两个数字的函数，之后你忘记了里面只能用数字，你传了字符串进去，但是js不会报错，这…
-
TS的类型兼容性
两种类型系统 1 Structural Type System(结构化类型系统) 2 Nominal Type System(标明类型系统)Ts采用的是结构化...
[阅读全文]
-
本文介绍了TypeScript的工作流、基本类型和高级类型，并对一些类型做了举例说明，最后对本文章进行了总结...…
-
-
版权声明：本文内容由互联网用户贡献，该文观点仅代表作者本人。本站仅提供信息存储服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 2386932994@qq.com 举报，一经查实将立刻删除。
我要评论
发表评论