最近，现在需要从0到1构建一个新项目，现在对VUE3的思考很热，我决定使用VUE3+VITE+TS+TS+ElementPlus Technology stack尝试一下。这篇文章将记录施工过程中遇到的一些问题，避免在后面重复坑。
VUE2介绍了Vuerouter的代码：
VUE3介绍了Vuerouter的代码：
VUE2介绍VUEX代码：
VUE3有一些更改以引入VUEX：
VUE3介绍了VUEX代码：
在VUE2版本中，我介绍了使用require.context方法均匀封装它的模块。一般代码如下：
但是在VUE3中，此代码报告以下错误：
看起来WebPack的require.context API未被识别。阅读文档后，将其修改如下：
可以看出，我还对正则表达式进行了简单的修改，这增加了模块路径，因为我发现由模块文件返回的值包含/模块/，这仍然与WebPack的requient.context API不同。
VUE3需要使用元素加版本，因为某些公共样式是直接重复使用的，因此我直接指导了原始的VUE2项目样式文件，但是我发现了很多问题，哈哈哈?
根据官方文档的引入，将配置更改为新方法，然后在下面找到错误：
在线提供的解决方案对我来说是没有用的。从最后，发现它是代码的顺序，我将全球主题chalk介绍给@forward。
最终配置如下：
搜索下一个样式代码后，我看到了关于$ border-color的这样的句子
从错误中，元素本身定义了$ border-color，这会导致内部方法。我试图将变量名称更改为$ bd-color。
看到元素组件的默认语言是英语，请根据官方文档提示转到中文：中文：
我根据Elementui的写作直接介绍了消息：
然后报告以下错误：不提供导出名称“消息”
ElementPlus用Elmessage替换了消息组件。本文提供了各种介绍Elmessage的方法。我使用单个文件引入的处理方法。
ElementUi可以通过设置Picker-Options设置日期属性
ElementPlus删除了Picker-Options属性，将内部属性拆分并单独设置。
原始：https：//juejin.cn/post/710194333588656007