3.4.2 创建vue插件报错

按照 官方 3.4.2 文档操作步骤如下:
1,扩展 -> 创建扩展 -> 选择vue2.x面版
2, 跳转到插件目录,(这时候文档写的和生成的目录文件代码已经不一样了,教程是js 生成的是ts :rofl:不管了继续操作)依次执行 npm install npm run build 命令
3,不做任何改动,直接点击插件

控制台报错: [Window] Panel[test2] cannot be loaded - Cannot find module ‘D:\workSpace\cocosCreatorWork\test3_4_2\extensions\test2\node_modules\vue\dist\vue’

估计新手这一步劝退了


打开这个文件一看,怎么还有两种写法?那用哪一种???

来看看3.4.2的文档咋写的:

这又是一种写法?(应该是js的写法,为啥是单个export出去,这写法会vue的别扭,会cocos的懵逼) :rofl: 而且咋和创建的项目不一样???不一样的就算了,写法还不一样

[Window] Panel[test2] cannot be loaded - Cannot find module ‘D:\workSpace\cocosCreatorWork\test3_4_2\extensions\test2\node_modules\vue\dist\vue’
看这个操作应该是没有vue

到插件目录下,执行npm install vue,再把这段代码注释掉:


再重新执行命令 npm run build 一下
打开 扩展 -》 扩展管理 -》重新刷新和启用下插件

打开插件一看,界面有点不一样了

界面终于输出了hello cocos。but 报了一个新错误:[Window] [Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build

vue那个引入搞不了,算了一起注释掉


运行,没毛病

npm create cocos-plugin@latest 你可以尝试用这个 创建一个新插件。

关于这个插件的写法,确实会让游戏开发者懵逼,开发 COCOS Creator 插件的较佳实践 我在这个帖子有稍微阐述下当前的情况。

你平时是习惯写 原生的 html + css 还是 vue,npm create cocos-plugin@latest 可以选择一下模板。

之前2.x的时候用过vue写过一点小插件,不过都是先根据插件文档搞一个可以写vue的基本插件,然后在改。现在3.x想写个插件,但是这个按照3.x的文档来对不上 :rofl:

这个可以兼容各种版本么,因为cocos每个版本的插件好像写法都不一样

3.x 的 panle 机制是一样的。但是不兼容 2.x 哈

我用了这个 npm create cocos-plugin@latest 选择了vue 没选那个 Electron plus 版本,结束运行后,3.4.2好像没法识别到那个插件

有了有了,我需要重启编辑器才可以