最近用ts重构代码，一个菜鸟老是出现各种红线报错。
出现这个问题一直以为是eslint的原因，试了很多方法没有用。
后来想起来可能是没创建ts，在vue页面中加入了ts类型。
<template>
<div class="home"></div>
</template>
<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator';
@Component
export default class HomeView extends Vue {
</script>
<style lang="less" scoped></style>
import { Base64 } from '@types/js-base64';
然后，开始报错：js-base64/index.d.ts' is not a module
那么TYPScript到底应该如何引入第三方包呢？
参考一下这篇文章：https://segmentfa...
1. 注册
用户打开注册页面，输入个人信息，RegisterView 获得后向 User 查询该用户是否不存在，若是则在 User 中增添该用户，并将本次注册操作写入 Log，然后返回注册成功信息。
2. 登录
用户打开登录页面，输入用户名和密码，LoginView 获得后向 User 查询该用户是否存在，若是则将本次登录操作写入 Log，然后跳转页面到用户的个人中心。HomeView 向 Borrow 查询该用户的借阅信息，并返回借阅列表。
3. 借书
用户打开查询界面，输入想要借的书籍的关键字，SearchView 获得后向 Book 查询相关书籍，并返回书籍列表。用户点击列表项目的借书按钮，BorrowView 向 Borrow 中增添一条该用户的借书记录，然后在 Book 中将该书籍设置为不可借，并将本次借书操作写入 Log，最后返回借书成功信息。
4. 还书
用户打开个人中心页面，HomeView 向 Borrow 查询该用户的借阅信息，并返回借阅列
做这个工具库的目的是为了：
针对大多数应用都会用到的功能进行二次封装，减少样板代码，让开发人员更关注于业务本身
只用一种方式解决一个问题，在开发时候解决问题可以有多种方式，但是我们只需要一种
ts多文件开发，打包成生产开发版本单文件
内置功能模块
模块对array进行了一次封装，目的是为了减少开发人员的工作量，简化代码，提高开发效率。
使用该模块可以让应用程序使用一个函数传参的方式，来定义需要进行的加载模块，从而带来的好处就在于，我们不用向很多位置添加函数，编写方法。
提供一个export来管理字符串所有页
项目技术栈：
脚手架：@vue/cli 5.0.4 vue：vue 3.2.13 typescript：4.5.5 sass：1.32.7 sass-loader：12.0.0
.vue文件组件中引入子组件报错(并不是所有的子组件都报错。编译不报错，不影响项目运行)
问题详情：
1、父组件中引入两个子组件，只有一个报错
错误信息：
文件“/Users/wangweizhang/clie...
[plugin:vite:import-analysis] Failed to resolve import "../components/TheWelcome.vue" from "src\views\HomeView.vue". Does the file exist?
这个错误提示是在使用 Vite 构建项目时出现的，它表示在 HomeView.vue 中导入 ../components/TheWelcome.vue 的路径出现了问题，Vite 找不到这个文件。
可能的原因有：
1. ../components/TheWelcome.vue 文件不存在。
2. 路径写错了，应该检查路径是否正确。
3. 在 Vite 的 alias 配置中没有设置 components 目录的别名。
你可以先检查一下这个路径是否正确，并确认 TheWelcome.vue 文件是否存在。如果确认没有问题，可以检查一下 Vite 的配置文件，特别是 alias 配置是否正确。
【Vue】Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘avatarUrl‘)
【TypeScript】无法在 “--isolatedModules“ 下编译“index.ts”，因为它被视为全局脚本文件。请添加导入、导出或空的 “export {}“ 语句来使它成为模块。
