zdhxiong / mdclub-theme-material

MDClub 官网 | 在线体验

项目说明

这是 MDClub 的前端代码。使用 MDUI 作为 UI 框架，hyperapp 作为 SPA 框架。

相关项目

MDClub 由以下子项目组成：

项目	说明
mdclub	MDClub 服务端代码
mdclub-theme-material	MDClub 前端代码
mdclub-admin	MDClub 后台管理系统代码
mdclub-openapi	MDClub 的 OpenApi 描述文件代码
mdclub-sdk-js	MDClub 的 JavaScript SDK 代码

在此项目基础上进行二次开发

你需要先在本地安装 mdclub 和 mdclub-theme-material 两个项目，且两个项目需要位于同一文件夹内。

mdclub 项目的安装过程详见 https://github.com/zdhxiong/mdclub 。

mdclub-theme-material 的安装步骤

克隆项目源码到本地

git clone https://github.com/zdhxiong/mdclub-theme-material

安装项目依赖

$ cd mdclub-theme-material
$ npm install

运行开发环境

npm run dev

打包生产环境

npm run build

打包后的资源中，PHP 模板文件将位于 mdclub 项目的 /templates/material 目录中，静态资源文件将位于 mdclub 项目的 /public/static/theme/material 目录中。

mdclub-theme-material's Issues

关于npm run打包的错误解决方案

执行npm run dev或者npm run install时，会报错：

修改方法：
将/src/pages/notifications/components/item/view.jsx的L7修改为：
import Loading from '~/components/loading/view.jsx';
即可。
或者把目录改为Loading也行，两种解决方案。

npm WARN @hyperapp/[email protected] requires a peer of [email protected] but none is installed. You must install peer dependencies yourself.

root@iZ23h4x1pxcZ:~/mdclub_dev/mdclub-theme-material# npm install
npm WARN @hyperapp/[email protected] requires a peer of [email protected] but none is installed. You must install peer dependencies yourself.

npm ERR! code EEXIST
npm ERR! path /root/mdclub_dev/mdclub-theme-material/node_modules/@babel/preset-env/node_modules/@babel/helper-compilation-targets/node_modules/.bin/semver
npm ERR! Refusing to delete /root/mdclub_dev/mdclub-theme-material/node_modules/@babel/preset-env/node_modules/@babel/helper-compilation-targets/node_modules/.bin/semver: containing path /root/mdclub_dev/mdclub-theme-material/node_modules/@babel/preset-env/node_modules/@babel/helper-compilation-targets/node_modules/semver isn't under npm's control
npm ERR! File exists: /root/mdclub_dev/mdclub-theme-material/node_modules/@babel/preset-env/node_modules/@babel/helper-compilation-targets/node_modules/.bin/semver
npm ERR! Remove the existing file and try again, or run npm
npm ERR! with --force to overwrite files recklessly.

npm ERR! A complete log of this run can be found in:
npm ERR! /root/.npm/_logs/2022-09-06T23_04_08_690Z-debug.log

大佬体验网站 报错 500 System Error