Fantastic-startkit创建项目后遇到问题

1.依赖安装

通过npm安装pnpm ：npm install -g pnpm

2.项目引入了longze-vue3-video-player在项目进行打包时，提示错误信息“Could not find a declaration file for module 'longze-vue3-video-player'. '/node_modules/.pnpm/longze-vue3-video-player@1.1.5_typescript@5.4.5/node_modules/longze-vue3-video-player/lib/index.js' implicitly has an 'any' type.
  Try `npm i --save-dev @types/longze-vue3-video-player` if it exists or add a new declaration (.d.ts) file containing `declare module 'longze-vue3-video-player'”

原因是项目使用的vue3+ts，没有创建shims-vue.d.ts进行说明。

解决方式：在src目录下创建shims-vue.d.ts，添加内容

declare module '*.vue' { 
  import Vue from 'vue'

  export default Vue
}

declare module 'longze-vue3-video-player'

此问题已经解决，在项目进行打包时又进行报错，报错内容是： `longze-vue3-video-player` import should occur before import of `./App.vue`  

解决方法：将

import longzeVideoPlay from 'longze-vue3-video-player' // 引入组件

import 'longze-vue3-video-player/dist/style.css' // 引入css

将这两行代码放到import App from './App.vue'之前即可

3.在引入import { Swiper, SwiperSlide } from 'swiper/vue'时报错

原因是tsconfig.json中moduleResolution: "bundler"，

moduleResolution用于选择模块解析策略，有"node"和"classic"两种类型，没有bundler，所以需要将bundler修改为"node"