Davinci 是一个 DVaaS(Data Visualization as a Service)平台解决方案,面向业务人员/数据工程师/数据分析师/数据科学家,致力于提供一站式数据可视化解决方案。
Davinci源码地址:
https://github.com/edp963/davinci
Davinci源码大概分为三部分:
采用React的前端工程采用Spring Boot的后端工程采用Jekyll + Minmal Mistakes的文档工程,用来介绍Davinci的用户操作方法本篇文章将介绍如何从整个工程中将前端部分代码抽离出来单独开发
笔者环境:
系统:Windows10 64位
Davinci:davinci-0.3.0-beta.8
node版本:v12.13.1
npm版本:6.12.1
前端部分代码在Davinci源码根目录的 webapp/ 目录中
建议:
node: “>=8.10.0”npm: “>=5” 安装依赖 npm install 开发 根目录运行命令:npm start 前后端联调:为了方便前后端联调不跨域,开发环境下有请求代理,配置真实后台接口地址文件为:
server/middlewares/addDevMiddlewares.js Lint npm run lint Test npm run test 打包 npm run build 常见问题
npm install执行过程中报错:npm ERR! Unexpected end of JSON input while parsing near ‘xxx’
解决办法:
删除掉已经自动生成的node_module文件夹,然后再运行如下命令
npm install执行过程中报错:Error: Command failed: C:WINDOWSsystem32cmd.exe /s /c,或者报错:Error: pngquant failed to build, make sure that libpng-dev is installed
解决办法:
换个网络环境重新执行npm install,确保网络能够访问到npm源和git源
npm start执行完后,可以正常访问登陆页面,但是控制台提示很多类似TS232的错误
解决办法:
这个可能是源码中的TypeScript语法不规范引起的,笔者将在后面尝试修复这些错误,这些错误不影响正常开发,可以忽略
前端部分完整代码笔者已经提交github,链接:
https://github.com/huzhen-v5/davinci-webapp