前端开发问题汇总-记录写代码期间遇到的各个问题

354 阅读1分钟

成为更好的自己,拿到更高的薪水,就应该卷起来,多加学习,加油呗,解璎!
百日挑战记录,持续更新,更新日期:2022/07/23

VSCode + Vue3 + Typescript + Element-Plus 项目开发问题汇总

VSCode中开发vue3+typescript项目时,不会出现代码提示,且下侧工具栏提示“正在初始化 JS/TS 语言功能”

问题参考:juejin.cn/post/687332…

问题解决:估计是vscode插件不兼容的问题,逐个禁用插件后,然后仅启用项目开发相关插件,问题消失,同时代码提示正常显示

变量类型出错或不知变量具体类型,怎样快速获取typescript类型

路由挂载举例:

  1. 新建一个函数initRouter,目的是将路由挂载到app实例中(src/router/index.ts)
  2. 导入initRouter,挂载到app实例上(src/main.ts)
  3. 此时提示参数app隐式具有any类型(src/router/index.ts)
  4. 由于app是通过从vue中的createApp创建的对象,所以鼠标放在app上,得知类型为App<Element>(src/main.ts)
  5. 对函数initRouter参数app写上类型app: App<Element>,因为Element为通用类型,所以只需要从vue中导入类型App即可(src/router/index.ts)

image.png

解决按需导入Element-Plus后,使用通知组件notification样式错乱的问题

问题原因:在引入Element-plus组件notification后,查看展示效果,样式错乱

问题解决:在主文件src/main.ts中,导入对应组件的样式代码,比如导入通知组件样式import 'element-plus/theme-chalk/el-notification.css',这样就能正常使用

问题参考:blog.csdn.net/akatukijohi…