学习笔记

摘要：Express.js后台项目改用TypeScript后，运行npm run dev时出现模块找不到错误。原因是ts-node默认不识别tsconfig.json中的路径映射(paths)。解决方案是安装tsconfig-paths插件。构建后仍出现类似问题，发现构建生成的JS文件仍使用路径别名而未转换。最终通过安装module-alias，在package.json配置别名映射，并在入口文件添加注册语句解决。文中推荐使用Cursor工具辅助开发，可高效解决此类技术问题。

项目中有一个 .json 的文件是配置文件，如何引入到 ts 项目中。

在 TS 项目中，可以定义一些自定义的别名，来取代经常需要引用的一些文件路径。比如 Vue 项目中你可以需要经常从 中取文件，在每个层级的文件中引用时的相对路径 都不确定。其实可以通过这种方式来定义一个别名使用。我有一个文件引用了其它地方的一些文件，它们在引入的时候类似这样别名的定义在 的 字段中，像这样：这个前面是你自定义的名字，后面是真实的路径，最好用 这种相对路径。比如： 就表示下面这样的路径等价。 === 当你设置了 的时候，编辑器会自动提示你可以简化这个路径的写法。如下

interactjs 是一个很好用的给元素添加拖动事件的插件。vite+ts+vue3 项目中用到了 interactjs 这个库，但在定义方法参数的时候，不知道该如何定义它的 event 类型了，像这样：这个方法中的 event 到底是什么类型。

把它改成大写就可以了。

能看到上面瀑布流的实现前提，是需要每个子组件都有明确固定高度。而我有一场景是：子组件的高度不能提前知道，它的高度由组件内部的文本多少来决定，它能显示多高就显示多高。像这种，就需要在渲染过程中去判断最后一个合理的放置位置。

做页面的时候遇到一个需求，需要将一个列表以曲线的形式排列展示。

在使用的时候这样导入会出现如上的错误。在使用的时候，导入的类型也没有对应的代码提示，说明导入有问题。

意思是 vue3 变量由 vue 来控制，上面的 name 变量值并不是原始的字符串。从 vue2 到 vue3 之后，所有变量值都需要添加。上面这个完整的定义其实是这样的。平常不在变量后面声明它的类型。方法本身就返回值类型就是。而是被套了一层类型为。

我有一个这样的变量值类型。

如何在前端中验证要上传的文件的 md5 值。

我们需要提前给这些类型指定不同的 class，也就是 element 中的 type 名。"未受理" = 1,"处理中","处理完成（待评价）","处理完成（关闭）","取消","流转中",[EnumOrderStatus['未受理'], "warning"],[EnumOrderStatus['处理中'], "primary"],[EnumOrderStatus['处理完成（待评价）'], "success"],

然后它就显示正常了。

你得 Enum 知道它的序号是随第一个定义的值自动增长的现在想在 ElementUI 界面的中遍历它，不遍历的时候是这样使用：

在使用以 url 的方式载入 svg 的时候，进行tsc检查，出现了这样的错误。

自从用以来，我一直有一个很大的疑问，就是pinia中的state变量类型该从哪定义，如何定义它？因为我在使用未定义类型的state变量的时候一直会有一个提示，提示说不知道这个变量的类型是什么，或者使用的对象变量里没有这个属性值，如下：也确实是这样，我只给 currentDiary 定义了是个对象 {} 并没有指定它的内部属性值，所以它自然不知道里面有什么内容。

js 和 ts 相比，ts 只要把类型写全，再写的时候还是非常爽的，有非常健全的代码提示，确实方便。