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"