rt，图一是生产环境截图
图二是dev截图
项目地址:GitHub - zhukongqwq/zhukong-shop: 竹空的自用koishi积分商店
2 个赞
- 编译之后，dist目录不存在
你需要自己在开发环境先yarn build确认编译成功之后，使用yarn start进行测试
如果成功注册了侧边栏 并且显示内容没有问题，那么问题就得以解决了
可以发布下一版本。
你可以参考一下这个插件的写法
我觉得这可以算是一个控制台扩展的demo插件
1 个赞
dist是构建好了的
~/.../external/zhukong-shop $ ls
client node_modules src
dist package.json tsconfig.json
lib readme.md tsconfig.tsbuildinfo
这是新的package.json 构建完还是没有扩展控制台
{
"name": "koishi-plugin-zhukong-shop",
"version": "1.1.2",
"description": "Koishi积分商城插件 - 提供完整的商品购买、命令次数限制与可视化管理系统",
"main": "lib/index.js",
"typings": "lib/index.d.ts",
"author": "竹空 <zhukongqwq@qq.com>",
"license": "MIT",
"homepage": "https://github.com/zhukongqwq/zhukong-shop",
"repository": {
"type": "git",
"url": "git+https://github.com/zhukongqwq/zhukong-shop.git"
},
"bugs": {
"url": "https://github.com/zhukongqwq/zhukong-shop/issues"
},
"keywords": [
"koishi",
"plugin",
"shop",
"market",
"currency",
"economy",
"积分",
"商城",
"zhukong",
"command",
"usage",
"limit"
],
"peerDependencies": {
"koishi": "^4.15.0",
"@koishijs/plugin-console": "^5.30.11",
"koishi-plugin-zhukong-currency-system": "^1.0.0"
},
"optionalDependencies": {
"@koishijs/plugin-console": "^5.30.11"
},
"devDependencies": {
"@koishijs/client": "^5.30.4",
"@types/node": "^20.0.0",
"koishi": "^4.15.0",
"typescript": "^5.0.0",
"vue": "^3.3.0"
},
"scripts": {
"build": "koishi-scripts build",
"dev": "koishi-scripts dev",
"lint": "eslint src --ext .ts",
"prepublishOnly": "npm run build"
},
"files": [
"lib",
"dist",
"client",
"README.md",
"LICENSE",
"src"
],
"koishi": {
"description": {
"zh": "功能完整的积分商城插件，支持命令次数购买、商品管理、消费记录追踪与可视化控制台界面",
"en": "Complete points shop plugin for Koishi, supporting command usage purchases, item management, consumption tracking, and visual console interface"
},
"service": {
"required": [
"database"
],
"optional": [
"console"
],
"implements": [
"shop"
]
},
"locales": [
"zh"
],
"category": "economy",
"preview": true,
"hidden": false
},
"engines": {
"node": ">=16.0.0"
}
}
2 个赞
在npm的最新版本上没有dist目录
另外你还得确保你的koishi的node_modules里的这个插件要有dist目录
而不是仅仅在external目录确认
也就是yarn build之后你还得yarn一下
依赖像这样写试试看
"peerDependencies": {
"@koishijs/plugin-console": "^5.11.0",
"koishi": "^4.18.0"
},
"devDependencies": {
"@koishijs/client": "^5.11.0",
"koishi": "^4.18.0"
}
1 个赞
~/.../node_modules/koishi-plugin-zhukong-shop $ ls
client node_modules tsconfig.json
dist package.json tsconfig.tsbuildinfo
index.ts readme.md
lib src
dist存在的
但是还是没有显示，这是新的package.json
{
"name": "koishi-plugin-zhukong-shop",
"version": "1.1.2",
"description": "Koishi积分商城插件 - 提供完整的商品购买、命令次数限制与可视化管理系统",
"main": "lib/index.js",
"typings": "lib/index.d.ts",
"author": "竹空 <zhukongqwq@qq.com>",
"license": "MIT",
"homepage": "https://github.com/zhukongqwq/zhukong-shop",
"repository": {
"type": "git",
"url": "git+https://github.com/zhukongqwq/zhukong-shop.git"
},
"bugs": {
"url": "https://github.com/zhukongqwq/zhukong-shop/issues"
},
"keywords": [
"koishi",
"plugin",
"shop",
"market",
"currency",
"economy",
"积分",
"商城",
"zhukong",
"command",
"usage",
"limit"
],
"peerDependencies": {
"@koishijs/plugin-console": "^5.11.0",
"koishi": "^4.18.0"
},
"devDependencies": {
"@koishijs/client": "^5.11.0",
"koishi": "^4.18.0"
},
"scripts": {
"build": "koishi-scripts build",
"dev": "koishi-scripts dev",
"lint": "eslint src --ext .ts",
"prepublishOnly": "npm run build"
},
"files": [
"lib",
"dist",
"client",
"README.md",
"LICENSE",
"src"
],
"koishi": {
"description": {
"zh": "功能完整的积分商城插件，支持命令次数购买、商品管理、消费记录追踪与可视化控制台界面",
"en": "Complete points shop plugin for Koishi, supporting command usage purchases, item management, consumption tracking, and visual console interface"
},
"service": {
"required": [
"database"
],
"optional": [
"console"
],
"implements": [
"shop"
]
},
"locales": [
"zh"
],
"category": "economy",
"preview": true,
"hidden": false
},
"engines": {
"node": ">=16.0.0"
}
}
2 个赞
你怎么直接照抄了
你确定是有效的dist吗，你依赖写成这样编译没报错？
1 个赞
我试了一下，你目前的问题就是没有编译出dist目录
导致下载到生产环境的时候没有成功注册侧边栏页面
我把你的项目clone了下来 编译之后，把dist目录放到生产环境里，就可以显示页面了
这个css真的很不适配koishi主题
至于koishi的项目模板，yarn start 没能正确注册侧边栏页面，这可能是其他问题导致的
2 个赞
我自己的依赖加进去就是这样的:
{
"name": "koishi-plugin-zhukong-shop",
"version": "1.1.2",
"description": "Koishi积分商城插件 - 提供完整的商品购买、命令次数限制与可视化管理系统",
"main": "lib/index.js",
"typings": "lib/index.d.ts",
"author": "竹空 <zhukongqwq@qq.com>",
"license": "MIT",
"homepage": "https://github.com/zhukongqwq/zhukong-shop",
"repository": {
"type": "git",
"url": "git+https://github.com/zhukongqwq/zhukong-shop.git"
},
"bugs": {
"url": "https://github.com/zhukongqwq/zhukong-shop/issues"
},
"keywords": [
"koishi",
"plugin",
"shop",
"market",
"currency",
"economy",
"积分",
"商城",
"zhukong",
"command",
"usage",
"limit"
],
"peerDependencies": {
"@koishijs/plugin-console": "^5.11.0",
"koishi": "^4.18.0",
"koishi-plugin-zhukong-currency-system": "^1.0.0"
},
"devDependencies": {
"@koishijs/client": "^5.11.0",
"@types/node": "^20.0.0",
"koishi": "^4.18.0",
"typescript": "^5.0.0",
"vue": "^3.3.0"
},
"scripts": {
"build": "koishi-scripts build",
"dev": "koishi-scripts dev",
"lint": "eslint src --ext .ts",
"prepublishOnly": "npm run build"
},
"files": [
"lib",
"dist",
"client",
"README.md",
"LICENSE",
"src"
],
"koishi": {
"description": {
"zh": "功能完整的积分商城插件，支持命令次数购买、商品管理、消费记录追踪与可视化控制台界面",
"en": "Complete points shop plugin for Koishi, supporting command usage purchases, item management, consumption tracking, and visual console interface"
},
"service": {
"required": [
"database"
],
"optional": [
"console"
],
"implements": [
"shop"
]
},
"locales": [
"zh"
],
"category": "economy",
"preview": true,
"hidden": false
},
"engines": {
"node": ">=16.0.0"
}
}
但是编译真的没有报错，自己跑起来了（
2 个赞
但是我自己build的时候会把dist构建出来，css的样子等会我再改下（
2 个赞
现在不知道什么原因，刚才pub的时候dist也传上去了，等上传到市场之后我试试生产环境有没有用
1 个赞