FastGPT编译前端界面,并将前端界面映射到Docker容器中

建议在linux系统下编译

1、克隆代码

复制代码
git clone https://github.com/labring/FastGPT

2、进入FastGPT目录,执行

复制代码
npm install

3、进入projects/app目录,执行

复制代码
npm run dev

此时会自动下载依赖包,这里如果执行npm install的话,会出现各种错误。

通过浏览器localhost:3000即可热修改,如果首次执行提示错误,则重新执行一下命令即可。

4、前端代码都在projects/app目录下,修改即可。

5、修改完后,执行

复制代码
num run build

注意:编译过程中会出现非常多的提示,但只要出现 ✓ Compiled successfully就说明已经编译成功。

下面会有报错

具体原因不明,但前端实际上已经编译成功了,在projects/app目录下输入ll命令,能看到一个.next文件夹,这个文件夹存放的就是编译后的前端文件。

6、如果想用新编译的前端文件,替换docker容器中的前端,可在docker-compose.yml中配置volumes,设置为:

复制代码
volumes:
      - ./FastGPT/projects/app/.next:/app/projects/app/.next

收工!!!

相关推荐
东东51611 分钟前
校园短期闲置资源置换平台 ssm+vue
java·前端·javascript·vue.js·毕业设计·毕设
qq_4198540511 分钟前
富文本编辑器
前端
悟能不能悟11 分钟前
VUE的国际化,怎么实现
前端·javascript·vue.js
Mr Xu_16 分钟前
解决 Vue + Axios 热更新导致响应拦截器重复注册的问题
前端·javascript·vue.js
岁岁种桃花儿27 分钟前
NodeJs从入门到上天:什么是Node.js
前端·node.js
colicode32 分钟前
语音报警接口开发参考:紧急情况下快速调用语音API发送安全警报
前端·语音识别
夏河始溢35 分钟前
一八四、Zustand 状态管理详解、与 Redux、MobX 的对比分析
前端·javascript·react.js·状态管理·zustand
Code小翊41 分钟前
TypeScript 核心语法速查
前端·javascript·typescript
家里有只小肥猫43 分钟前
uniApp下拉渐变头部 拿来即用
前端·javascript·uni-app
一起养小猫43 分钟前
Flutter for OpenHarmony 实战:科学计算器完整开发指南
android·前端·flutter·游戏·harmonyos