[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$fcvYqsm6Wtyjkpvi9wcKiBK2YyDOUE-Wj5r-aQMMqfnE":3},{"code":4,"message":5,"data":6},200,"成功",{"id":7,"createdAt":8,"title":9,"content":10,"summary":11,"image":12,"uid":13,"user":14,"categoryId":21,"category":22,"subCategoryId":24,"subCategory":25,"comments":27,"status":17,"reason":28,"notice":28,"visitCount":29,"commentCount":30,"keywords":31},157,"2025-03-19T07:42:22.47Z","Unhandled Exception: MissingPluginException(No implementation found for method data on channel plugins.justsoft.xyz/....","## 问题\n> Unhandled Exception: MissingPluginException(No implementation found for method data on channel plugins.justsoft.xyz/video_thumbnail)\n\n在flutter项目中使用了video_thumbnail来获取视频第一帧图片作为显示的图片，但是在控制台出现了如上的报错。\n\n更详细的信息被hot refresh掉了，所以这里没能及时截图。\n\n## 问题排查\n从控制台的信息中，说是method channel调用“data”这个方法出错，所以一开始怀疑是video_thumbnail这个库的问题，但是根据 [https://pub.dev/packages/video_thumbnail](https://pub.dev/packages/video_thumbnail) 这里面的版本号，我本地的版本号已经是最新的`0.5.3`.\n\n虽然我从GitHub上有找到类似的issue：[https://github.com/justsoft/video_thumbnail/issues/77](https://github.com/justsoft/video_thumbnail/issues/77)，但是报错的method channel不一样，所以我直接去检查是不是plugin中确实没有实现data这个method。\n\n直接去Android studio中的Flutter Plugins中去查找一下\n![Flutter Plugins Directory](https://image.xinwei.ltd/image1742369517757.png)\n\n找到`video_thumbnail`\n![video_thumbnail data method](https://image.xinwei.ltd/image1742369675546.png)\n\n从上面的截图中就可以看出，这个`data`的method channel是存在的，那么初步判断`video_thumbnail`是没有问题的。\n\n所以有理由怀疑是pub cache出了问题，先清理一下pub cache：\n```terminal\n flutter pub cache clean\n```\n然后\n```terminal\nflutter pub get\n```\n\n重新运行，选择视频，进行app内的发送逻辑，查看是否视频的第一帧显示是否有问题，以及控制台是否还有报错。\n\n经过运行，发现问题已经没有了。\n\n在这种情况下，我分析我的问题出现在，我之前一直运行flutter跑的是iOS的模拟器下，是没有问题的，但是我运行到Android模拟器上时，虽然视频第一帧图片显示没有问题，但是控制台就是会有这样的报错，那么有可能是之前在跑iOS的情况下，video_thumbnail pub cache中没有Android的method channel。\n\n以上。","记录一个flutter中的video_thumbnail的控制台报错。","https://image.xinwei.ltd/image1742369517757.png",499668042977349,{"phone":15,"userId":13,"nickName":16,"vipType":17,"avatar":18,"sign":19,"createdAt":20},"13121171998","全栈老韩",1,"https://image.xinwei.ltd/images/IMG_5430.JPG","全栈工程师，擅长iOS App开发、前端（vue、react、nuxt、小程序&Taro）开发、Flutter、React Native、后端（midwayjs、golang、express、koa）开发、docker容器、seo优化等。","2024-01-01T16:14:30.305Z",2,{"id":21,"name":23},"IT技术",11,{"id":24,"name":26,"parentId":21},"Flutter",[],"",125,0,"video_thumbnail,flutter video_thumbnail,MissingPluginException,No implementation found,video_thumbnail plugin"]