Cello-oprator dashborad的前端Nodejs代码，可以通过Makefile中的build-amdin-js启动容器来生成，也可以直接在命令行来生成，步骤如下：

1. 正常过程

（1）切换到src/operator-dashborad/static/dashboard目录
（2）先执行npm install指令，会在当前目录生成node_moduls
（3）执行npm run build指令，如果执行过程顺利，界面如下：

> cello-operator@0.8.0 build /home/hust344/cello/src/operator-dashboard/static/dashboard
> cross-env ESLINT=none roadhog buildBuild completed in 48.612sCompiled successfully.File sizes after gzip:380.18 KB  dist/index.js353.65 KB  dist/2.async.js121.11 KB  dist/1.async.js84.77 KB   dist/3.async.js78.75 KB   dist/5.async.js75.08 KB   dist/6.async.js74.65 KB   dist/4.async.js68.8 KB    dist/0.async.js38.24 KB   dist/index.css256 B      dist/7.async.js256 B      dist/8.async.js256 B      dist/9.async.js

查看/var/www目录下，dist目录已经正确生成(.在webpackrc.js中定义了roadhog build的输出路径’outputPath’)；

2. 异常情况

有可能出现如下错误：

> cello-operator@0.8.0 build /home/hust344/cello/src/operator-dashboard/static/dashboard
> cross-env ESLINT=none roadhog buildbuild [=============       ] 65%Failed to compile.Module not found: Error: Can't resolve '@babel/runtime/helpers/esm/extends' in '/home/hust344/cello/src/operator-dashboard/static/dashboard/node_modules/history/esm'[graceful-process#29211] exit with code:1
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! cello-operator@0.8.0 build: `cross-env ESLINT=none roadhog build`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the cello-operator@0.8.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.npm ERR! A complete log of this run can be found in:
npm ERR!     /home/XXXXXX/.npm/_logs/2019-04-12T07_55_34_087Z-debug.log

3. 修改package.json，排除上述问题

在执行npm run build时，package.json中定义了相关的build脚本：
“build”: “cross-env ESLINT=none roadhog build”，这是因为cello采用了Ant design，而Ant design底层基于roadhog，其打包可以方便地使用roadhog build，具体参考https://www.cnblogs.com/bjlhx/p/9454555.html，但由于引用的roadhog版本导致了上述问题，参考https://blog.csdn.net/judyc/article/details/88745161

  "devDependencies": {"roadhog": "^2.3.0",}

修改为：

  "devDependencies": {"roadhog": "^2.5.0-beta.4",}

重新执行npm install以及npm run build指令；

上述问题具体如何引起的，还请有兴趣的兄弟进一步深究指点，但与是否最新的node或npm版本无关

Cello项目填坑记：oprator dashborad的前端Nodejs代码编译打包问题相关推荐

Cello项目填坑记_keycloak数据库初始化失败
Keycloak数据库初始化失败原因 docker-compse.yml以及docker-compose-initial.yml定义的keycloak服务配置的是mariadb数据库或者MySQL数 ...
Java web 开发填坑记 2 -如何正确的创建一个Java Web 项目
转载请标明出处:http://blog.csdn.net/zhaoyanjun6/article/details/72566261 本文出自[赵彦军的博客] Java web 开发填坑记 1-如何正确 ...
Android项目开发填坑记-Fragment的onAttach
背景现在Android开发多使用一个Activity管理多个Fragment进行开发,不免需要两者相互传递数据,一般是给Fragment添加回调接口,让Activity继承并实现. 回调接口一般都写 ...
【SAP PO】X-DOC：SAP PO 接口配置 REST 服务对接填坑记
X-DOC:SAP PO 接口配置 REST 服务对接填坑记 1.背景 2.PO SLD配置 3.PO https证书导入 1.背景 (1)需求背景: SAP中BOM频繁变更,技术人员在对BOM进行变 ...
共享内存 - shmget填坑记
shmget设置的size值,不能大于最大值SHMMAX和小于最小值SHMMIN 且若是key值对应的段已经存在,那么后来使用shmget的size值要小于等于原来的值函而后询问了一下那位程序猿,他 ...
ncnn填坑记录八：将自己训练的模型打包为APK并部署到安卓端运行
上一篇:ncnn填坑记录七:examples/squeezenet.cpp代码阅读做一个分类任务,模型选取的mobilenetv3,训练好模型,并按前文依次转换为onnx.ncnn后,参考官方htt ...
填坑记1-nrf52840出现error flash download failed -cortex-M4错误的解决办法-清风电子开发板
填坑类型: nrf52840出现error flash download failed -cortex-M4错误使用板子:清风电子开发板问题描述: keil4出错,keil5不出错(意思是其他ke ...
ios企业版如果证书过期了_iOS 企业证书过期填坑记
入坑篇前线客服传来消息 - "用户反馈一打开我们的 App,就直接闪退了",刚听到这个消息,我很吃惊,上一期发的新版本 QA 都有验证过.难道是因为功能权限的问题导致的,赶紧跟客 ...
Hexo博客备份移植填坑记
我们用Hexo写好了博客,有时候重装系统或者换了台电脑需要更新博客,就存在博客源文件怎么备份和移植的问题.网上有相关的教程,不过有一些纰漏,本文填坑. 欢迎到我的博客交流和查看更详细的内容,有问题请在 ...

Cello项目填坑记：oprator dashborad的前端Nodejs代码编译打包问题

1. 正常过程

2. 异常情况

3. 修改package.json，排除上述问题

Cello项目填坑记：oprator dashborad的前端Nodejs代码编译打包问题相关推荐

最新文章

热门文章