mall-cook本地部署运行

下载源代码

https://github.com/wangyuan389/mall-cook
在这里插入图片描述
下载好之后解压,删除.github和yarn.lock,因为使用pnpm
在这里插入图片描述

启动文档部署

切换到packages\mall-cook-document,删除yarn.lock,安装依赖包pnpm install
在这里插入图片描述
执行pnpm dev启动文档
在这里插入图片描述
在这里插入图片描述
文档就部署起来了^_^

安装后端服务

安装mongodb并启动
切换到packages\mall-cook-service下,删除yarn.lock,执行pnpm install
在这里插入图片描述
在这里插入图片描述
包安装成功,需要修改配置文件config.js
在这里插入图片描述
修改后

config = {appid: 'xxx', // 小程序appIdsecret: 'xxx', // 小程序secretserviceApi: 'http://127.0.0.1:3000', // 服务器地址mongodbUrl: 'mongodb://127.0.0.1:27017/mall-cook', // mongodb数据库地址 格式:mongodb://username:password@host:port/namejwtSecret: 'xxx'//长度32位
}module.exports = config//xxx是表示需要改成自己的配置

执行pnpm start启动项目
在这里插入图片描述

pnpm add koa-compose@4.1.0
pnpm add glob@7.2.3

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

至此后端服务启动成功^_^

部署模板项目(uni-app)

切换到packages\mall-cook-template,删除yarn.lock,安装依赖包pnpm install
在这里插入图片描述
在这里插入图片描述
找到package.json修改pnpm

"dev": "pnpm run dev:h5",
"build": "pnpm run build:h5",

执行pnpm dev
在这里插入图片描述

主要是安装的copy-webpack-plugin版本太高,而当前webpack版本太低,不支持,高版本的配置语法也变了
安装5.0版本的copy-webpack-plugin即可解决
pnpm add copy-webpack-plugin@5.0.5

在这里插入图片描述

pnpm add -D postcss@8.1.1
pnpm add -D postcss-loader@4.0.3

在这里插入图片描述

pnpm add @dcloudio/vue-cli-plugin-uni@2.0.0-32220210818002

在这里插入图片描述


pnpm add  babel-loader@8.2.1
pnpm add  sass-loader@10.0.5
pnpm add url-loader@4.1.1
pnpm add ansi-html-community
pnpm add html-entities@2.1.0
pnpm add loglevel@1.7.1
pnpm add moment@2.29.1
pnpm add sockjs-client@1.5.1
pnpm add strip-ansi@6.0.1
# pnpm add -D webpack@5.3.0
# 出现Cannot read properties of undefined (reading 'tapAsync')需要降低webpack版本
pnpm add  -D webpack@4.44.2
pnpm add ansi-regex@5.0.1

在这里插入图片描述
AllHtmlEntities is not a constructor
在这里插入图片描述
在这里插入图片描述

pnpm add html-entities@1.4.0
# pnpm add  -D  webpack-dev-server@4.3.1
# pnpm add  -D webpack-hot-middleware@2.25.1 --registry http://registry.npm.taobao.org

在这里插入图片描述
找到request.js,修改地址
在这里插入图片描述

安装平台项目(platform)

删除yarl.lock

pnpm install --registry http://registry.npm.taobao.org

在这里插入图片描述
启动

pnpm run dev

在这里插入图片描述
注册账号登录,即可创建项目
在这里插入图片描述
后面就可以愉快的创建项目玩耍了

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/6642.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

C语言/数据结构——(用双链表实现数据的增删查改)

一.前言 嗨嗨嗨,大家好久不见!前面我们已经通过数组实现数据的增删查改、单链表实现数据的增删查改,现在让我们尝试一下使用双链表实现数据的增删查改吧! 二.正文 如同往常一样,对于稍微大点的项目来说,…

推荐网站(2)今日热榜合集,看不同软件的热点事件

当我们想要看微博,今日头条,bilibili等等今日热点时,需要打开对应的app查看,但是有了这个网站我们可以看不同平台的热点消息,甚至京东,淘宝等购物软件,也能看到热销总榜。 链接直达:…

day-28 除自身以外数组的乘积

思路 利用两个空数组left(left[i]表示nums下标从0到i的乘积)和right(right[i]表示nums下标从n-1到i的乘积) 解题方法 返回数组nums[i]right[i1]*left[i-1],第一个元素和最后一个元素单独考虑 Code class Solution {public int[…

【计算机网络】计算机网络的定义和分类

一.定义 计算机网络并没有一个精确和统一的定义,在计算机网络发展的不同阶段,人们对计算机网络给出了不同的定义,这些定义反映了当时计算机网络技术的发展水平。 例如计算机网络早期的一个最简单定义:计算机网络是一些互连的、自…

c#Excel:2.写入Excel表 3.读取Excel表

--写入Excel表-- 该例首先从数据库aq中读取学生信息表staq(参考数据库章节),然后将学生信息表中的数据写入Excel表格中 (1)在OfficeOperator类库项目的ExcelOperator类中定义索引器,用于获取Excel表格中的单元格,代码…

队列集使用

文章目录 前言一、功能描述二、功能实现 前言 在实际使用中我们可能要从多个队列中得到数据,就需要队列集。 一、功能描述 创建两个队列Queue1、Queue2。Task1往Queue1写数据、Task2往Queue2写数据。Task3使用QueueSet监测这两个队列。 二、功能实现 创建两个队列…

ArcGIS软件:地图投影的认识、投影定制

这一篇博客介绍的主要是如何在ArcGIS软件中查看投影数据,如何定制投影。 1.查看地图坐标系、投影数据 首先我们打开COUNTIES.shp数据(美国行政区划图),并点击鼠标右键,再点击数据框属性就可以得到以下的界面。 我们从…

活动图与状态图:UML中流程图的精细化表达——专业解析系统动态性与状态变迁

流程图是一种通用的图形表示法,用以展示步骤、决策和循环等流程控制结构。它通常用于描述算法、程序执行流程或业务过程,关注于任务的顺序执行。流程图强调顺序、分支和循环,适用于详细说明具体的处理步骤,图形符号相对基础和通用…

Android NDK开发——Android Studio 3.5.2安装与配置踩坑

Android NDK开发——Android Studio 3.5.2安装与配置踩坑 一、Android Studio下载二、配置踩坑报错1:Failed to install the following Android SDK packages as some licences have not been accepted报错2:No toolchains found in the NDK toolchains …

C语言实战项目--贪吃蛇

贪吃蛇是久负盛名的游戏之一,它也和俄罗斯⽅块,扫雷等游戏位列经典游戏的行列。在编程语言的教学中,我们以贪吃蛇为例,从设计到代码实现来提升大家的编程能⼒和逻辑能⼒。 在本篇讲解中,我们会看到很多陌生的知识&…

Unity 性能优化之数据面板(Statistics)(一)

提示:仅供参考,有误之处,麻烦大佬指出,不胜感激! 文章目录 前言一、unity 统计数据面板(Statistics)1.Audio属性2.Graphics属性 二、什么是Draw Call?三、Unity3D stats也可以通过代…

OpenCV的周期性噪声去除滤波器(70)

返回:OpenCV系列文章目录(持续更新中......) 上一篇:OpenCV如何通过梯度结构张量进行各向异性图像分割(69) 下一篇 :OpenCV如何为我们的应用程序添加跟踪栏(71) 目录 目标 理论 如何消除傅里叶域中的周期性噪声? 源代码 解释 结果 目…

设计模式之数据访问对象模式

在Java编程的浩瀚星海中,有一个模式低调却强大,它像是一位默默无闻的超级英雄,支撑起无数应用的数据脊梁——那就是数据访问对象(DAO, Data Access Object)模式!想象一下,如果你能像操纵魔法一样…

Unity技术学习:RenderMesh、RenderMeshInstanced

叠甲:本人比较菜,如果哪里不对或者有认知不到的地方,欢迎锐评(不玻璃心)! 导师留了个任务,渲染大量的、移动的物体。 当时找了几个解决方案: 静态批处理: 这东西只对静…

golang for经典练习 金字塔打印 示例 支持控制台输入要打印的层数

go语言中最经典的for练习程序 金字塔打印 &#xff0c;这也是其他语言中学习循环和条件算法最为经典的联系题。 其核心算法是如何控制内层循环变量j 每行打印的*号数量 j<i*2-1 和空格数量 j1 || j i*2-1 golang中实现实心金字塔 Solid Pyramid和空心金字塔 Hollow Pyram…

CSS浮动(如果想知道CSS有关浮动的知识点,那么只看这一篇就足够了!)

前言&#xff1a;在学习CSS排版的时候&#xff0c;浮动是我们必须要知道的知识点&#xff0c;浮动在设计之初是为了实现文字环绕效果的&#xff0c;但是后来被人们发现浮动在CSS排版中有着很好的实用价值&#xff0c;所以浮动便成为了CSS排版的利器之一。 ✨✨✨这里是秋刀鱼不…

pandas学习笔记12

缺失数据处理 其实在很多时候&#xff0c;人们往往不愿意过多透露自己的信息。假如您正在对用户的产品体验做调查&#xff0c;在这个过程中您会发现&#xff0c;一些用户很乐意分享自己使用产品的体验&#xff0c;但他是不愿意透露自己的姓名和联系方式&#xff1b; 还有一些用…

《尿不湿级》STM32 F103C8T6最小系统板搭建(五)BOOT

一、BOOT是什么&#xff1f; 大多数初学者第一次接触BOOT总是对这个词感到不解&#xff0c;从哪冒出一个奇奇怪怪的东西还要接跳线帽&#xff0c;为什么要配置它才能进行串口程序的下载&#xff1f;为什么不正确配置会导致单片机无法正常启动…… boot&#xff0c;及物动词&…

AI-数学-高中56-成对数据统计-线性回归方程

原作者视频&#xff1a;【成对数据统计】【一数辞典】1线性回归方程_哔哩哔哩_bilibili 注意&#xff1a;高中只学线性回归。 最小二乘法&#xff08;残差和平方最小的直线、方差最小>拟合程度最好&#xff09;&#xff1a;

2.spring security 简单入门

创建springboot 项目&#xff0c;引入spring security坐标 <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId></dependency><!--spring security坐标--><dependency&g…