aliyun / alibabacloud-console-design Goto Github PK

View Code? Open in Web Editor NEW

76.0 9.0 11.0 5.56 MB

阿里云管平台研发解决方案

Home Page: http://xconsole.cloud

License: MIT License

JavaScript 22.26% TypeScript 75.74% HTML 0.56% Less 0.45% EJS 0.98%

alibabacloud react cloud-computing aliyun

alibabacloud-console-design's Introduction

Console Design

Console Design 是为阿里云控制台业务研发提供的解决方案，除了包括开发框架外，默认会与控制台设计规范及交互规范有更紧密的结合。我们希望 Console Design 能帮助控制台开发更聚焦业务开发，不用额外的去考虑设计规范，控制台标准等方面，让开发变成一个更轻松的事情!

快速开始

$ npx @alicloud/xconsole init

$ cd Your-Project-Folder

$ npm start

文档

https://xconsole.cloud/cloudbench/develop/ziowbz

demo

demo 地址

已支持功能

提供了 Topbar 及侧边栏菜单的接入;
提供了美杜莎的接入;
提供了数据统计能力的接入;
提供了符合设计规范的基础组件及业务组件的调用；
提供了更场景化的页面场景的调用能力；
提供了对服务 OpenAPI 的调用；
提供了基于文件路径的路由系统，减少配置；
提供了数据Mock能力;
提供了功能管控能力，能更好的控制灰度及渠道能力开关管理；
提供了E2E的功能测试能力；

用户指南

请阅读官方文档

钉钉交流群：

alibabacloud-console-design's People

Contributors

Stargazers

Watchers

Forkers

lizijiee rayi fringey dengxiaofeng dl-hx laashub-soa robberphex xinbaocode appzk aqrun

alibabacloud-console-design's Issues

对于非 /data/api.json 的场景，arms 的 Interceptor 会报错

由于 xconsole-service 在非 /data/api.json 的情况下，对请求返回的处理，健壮性不够，会导致报错。

执行xconsole init提示未找到`/node_modules/@alicloud/console-toolkit-plugin-xconsole/generators/xconsole/index.js`

环境

name	version
node	16.13.2
npm	8.1.2
npx	8.1.2
系统	macOS Monterey 12.1

说明

xconsole版本2.3.48
不论是直接npx @alicloud/xconsole init 还是 npm install @alicloud/xconsole -g xconsole init都会报错
在Windows上也会出现这种问题

Demo链接不支持https

现在README上，给出的demo链接是：

但是目前，xconsole.cloud不支持https访问，提示证书到期：

另外，即使将demo链接换成http尝试访问，页面也没有实质内容：

从git检出代码后运行报错
E:\大前端\react\UI-Lib\alibabacloud-console-design\github\alibabacloud-console-design>pnpm install
ERR_PNPM_FETCH_404 GET https://registry.npmjs.org/@ali%2Fconsole-base-messenger: Not Found - 404

@ali/console-base-messenger is not in the npm registry, or you have no permission to fetch it.

No authorization header was set for the request.
Progress: resolved 1, reused 0, downloaded 0, added 0

运行example也报错
E:\大前端\react\UI-Lib\alibabacloud-console-design\github\alibabacloud-console-design\example\xconsole-example>pnpm install
WARN deprecated [email protected]: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates.
WARN @alicloud/xconsole > @alicloud/console-components: @alifd/[email protected] requires a peer of @alifd/meet-react@^2.0.0 but none was installed.
WARN @alicloud/xconsole: @alicloud/[email protected] requires a peer of @alicloud/console-components@^1.0.0 but version 1.4.0-alpha.54 was installed.
WARN @alicloud/xconsole: @alicloud/[email protected] requires a peer of @alicloud/console-components@^1.0.0 but version 1.4.0-alpha.54 was installed.
WARN @alicloud/xconsole: @alicloud/[email protected] requires a peer of @alicloud/console-components@^1.0.0 but version 1.4.0-alpha.54 was installed.
WARN @alicloud/xconsole > @alicloud/console-components-intl: @alicloud/[email protected] requires a peer of @alicloud/console-components@^1.0.0 but version 1.4.0-alpha.54 was installed.
WARN 183 other warnings
Packages: +2448
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Packages are hard linked from the content-addressable store to the virtual store.
Content-addressable store is at: E:.pnpm-store\v3
Virtual store is at: node_modules/.pnpm
Progress: resolved 2354, reused 2306, downloaded 46, added 2448, done
node_modules/.pnpm/[email protected]/node_modules/core-js-pure: Running postinstall script, done in 300ms
node_modules/.pnpm/[email protected]/node_modules/core-js: Running postinstall script, done in 286ms
node_modules/.pnpm/[email protected]/node_modules/core-js: Running postinstall script, done in 369ms
node_modules/.pnpm/[email protected]/node_modules/core-js: Running postinstall script, done in 409ms
node_modules/.pnpm/[email protected]/node_modules/ejs: Running postinstall script, done in 362ms
node_modules/.pnpm/[email protected]/node_modules/highlight.js: Running postinstall script, done in 234ms
node_modules/.pnpm/[email protected]/node_modules/esbuild: Running postinstall script, done in 345ms
node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/styled-components: Running postinstall script, done in 193ms
node_modules/.pnpm/@alicloud [email protected]/node_modules/@alicloud/console-toolkit-plugin-babel: Running postinstall script, done in 166ms
node_modules/.pnpm/@alicloud [email protected]/node_modules/@alicloud/console-toolkit-plugin-webpack: Running postinstall script, done in 273ms
ENOENT ENOENT: no such file or directory, realpath 'E:\大前端\react\UI-Lib\alibabacloud-console-design\github\alibabacloud-console-design\example\xconsole-example\node_modules.pnpm@[email protected][email protected][email protected]
\node_modules@alicloud\console-toolkit-plugin-unit-jest'

场景 -> 详情类 Demo 无法运行

在页面 http://xconsole.cloud/cloudbench/scenes/detail 中，虽然能够显示详情页面，但CodeSandbox报错无法运行：

Error: [BABEL]: Cannot find module '@babel/plugin-proposal-private-property-in-object'

复现路径:

前置工作：

node -v 
// v14.17.3

npm i -g  @alicloud/xconsole

xconsole init

当我运行npm start后出现报错

> [email protected] start /Users/weichen/develop/alibaba/xconsole/hello
> xconsole start

 INFO  正在检查不必要的包依赖...
 INFO  非常好，未检查到不必要的依赖包的引入! 点赞！
BreezrPluginStyledComponentsIsolation  The plugin will trying to use the package's name as isolation id of styled-components. This behavior usually occurred on dev mode. And if you were received this warning on publish mode then you should to set `options.styledComponentStyleSheetId` implicitly.
Happy[jsx]: Version: 5.0.1. Threads: 3
(node:3626) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead
(Use `node --trace-deprecation ...` to show where the warning was created)
ℹ ｢wds｣: Project is running at http://localhost:3333/
ℹ ｢wds｣: webpack output is served from undefined
ℹ ｢wds｣: Content not from webpack is served from /Users/weichen/develop/alibaba/xconsole/hello
ℹ ｢wds｣: 404s will fallback to /index.html
Happy[jsx]: All set; signaling webpack to proceed.
Starting type checking service...
Using 1 worker with 4089MB memory limit

✖ Webpack
  Compiled with some errors in 1.84s

监听到 pages 下文件变化，重新生成 .xconsole 内容
监听到 pages 下文件变化，重新生成 .xconsole 内容
Type checking in progress...
✖ ｢wdm｣: 
ERROR in ./.xconsole/index.js
Module build failed (from ../node_modules/happypack/loader.js):
Error: [BABEL]: Cannot find module '@babel/plugin-proposal-private-property-in-object'
Require stack:
- /Users/weichen/develop/alibaba/xconsole/hello/node_modules/babel-preset-breezr/lib/createPlugins.js
- /Users/weichen/develop/alibaba/xconsole/hello/node_modules/babel-preset-breezr/lib/index.js
- /Users/weichen/develop/alibaba/xconsole/hello/node_modules/@babel/core/lib/config/files/module-types.js
- /Users/weichen/develop/alibaba/xconsole/hello/node_modules/@babel/core/lib/config/files/configuration.js
- /Users/weichen/develop/alibaba/xconsole/hello/node_modules/@babel/core/lib/config/files/index.js
- /Users/weichen/develop/alibaba/xconsole/hello/node_modules/@babel/core/lib/index.js
- /Users/weichen/develop/alibaba/xconsole/hello/node_modules/babel-loader/lib/index.js
- /Users/weichen/develop/alibaba/xconsole/hello/node_modules/happypack/lib/applyLoaders.js
- /Users/weichen/develop/alibaba/xconsole/hello/node_modules/happypack/lib/HappyWorker.js
- /Users/weichen/develop/alibaba/xconsole/hello/node_modules/happypack/lib/HappyWorkerChannel.js (While processing: /Users/weichen/develop/alibaba/xconsole/hello/node_modules/babel-preset-breezr/lib/index.js)
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:902:15)
    at Function.Module._load (internal/modules/cjs/loader.js:746:27)
    at Module.require (internal/modules/cjs/loader.js:974:19)
    at require (internal/modules/cjs/helpers.js:92:18)
    at Object.<anonymous> (/Users/weichen/develop/alibaba/xconsole/hello/node_modules/babel-preset-breezr/lib/createPlugins.js:185:1)
    at Module._compile (internal/modules/cjs/loader.js:1085:14)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1114:10)
    at Module.load (internal/modules/cjs/loader.js:950:32)
    at Function.Module._load (internal/modules/cjs/loader.js:790:14)
    at Module.require (internal/modules/cjs/loader.js:974:19)
 @ multi ../node_modules/error-overlay-webpack-plugin/lib/entry-basic.js ../node_modules/error-overlay-webpack-plugin/lib/entry-devserver.js? ../node_modules/webpack-dev-server/client?http://localhost:3333 ../node_modules/webpack/hot/dev-server.js ./.xconsole/index.js index[4]
ℹ ｢wdm｣: Failed to compile.
ℹ ｢wdm｣: Compiling...

✖ Webpack
  Compiled with some errors in 784.78ms

Type checking in progress...
✖ ｢wdm｣: 
ERROR in ./.xconsole/index.js
Module build failed (from ../node_modules/happypack/loader.js):
Error: [BABEL]: Cannot find module '@babel/plugin-proposal-private-property-in-object'
Require stack:
- /Users/weichen/develop/alibaba/xconsole/hello/node_modules/babel-preset-breezr/lib/createPlugins.js
- /Users/weichen/develop/alibaba/xconsole/hello/node_modules/babel-preset-breezr/lib/index.js
- /Users/weichen/develop/alibaba/xconsole/hello/node_modules/@babel/core/lib/config/files/module-types.js
- /Users/weichen/develop/alibaba/xconsole/hello/node_modules/@babel/core/lib/config/files/configuration.js
- /Users/weichen/develop/alibaba/xconsole/hello/node_modules/@babel/core/lib/config/files/index.js
- /Users/weichen/develop/alibaba/xconsole/hello/node_modules/@babel/core/lib/index.js
- /Users/weichen/develop/alibaba/xconsole/hello/node_modules/babel-loader/lib/index.js
- /Users/weichen/develop/alibaba/xconsole/hello/node_modules/happypack/lib/applyLoaders.js
- /Users/weichen/develop/alibaba/xconsole/hello/node_modules/happypack/lib/HappyWorker.js
- /Users/weichen/develop/alibaba/xconsole/hello/node_modules/happypack/lib/HappyForegroundThreadPool.js
- /Users/weichen/develop/alibaba/xconsole/hello/node_modules/happypack/lib/HappyPlugin.js
- /Users/weichen/develop/alibaba/xconsole/hello/node_modules/@alicloud/console-toolkit-plugin-react/lib/webpack/rules/jsx/index.js
- /Users/weichen/develop/alibaba/xconsole/hello/node_modules/@alicloud/console-toolkit-plugin-react/lib/webpack/rules/index.js
- /Users/weichen/develop/alibaba/xconsole/hello/node_modules/@alicloud/console-toolkit-plugin-react/lib/webpack/common.js
- /Users/weichen/develop/alibaba/xconsole/hello/node_modules/@alicloud/console-toolkit-plugin-react/lib/webpack/dev.js
- /Users/weichen/develop/alibaba/xconsole/hello/node_modules/@alicloud/console-toolkit-plugin-react/lib/development.js
- /Users/weichen/develop/alibaba/xconsole/hello/node_modules/@alicloud/console-toolkit-plugin-react/lib/index.js
- /Users/weichen/develop/alibaba/xconsole/hello/node_modules/@alicloud/console-toolkit-core/lib/Service.js
- /Users/weichen/develop/alibaba/xconsole/hello/node_modules/@alicloud/console-toolkit-core/lib/index.js
- /Users/weichen/develop/alibaba/xconsole/hello/node_modules/@alicloud/xconsole/bin/xconsole.js (While processing: /Users/weichen/develop/alibaba/xconsole/hello/node_modules/babel-preset-breezr/lib/index.js)
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:902:15)
    at Function.Module._load (internal/modules/cjs/loader.js:746:27)
    at Module.require (internal/modules/cjs/loader.js:974:19)
    at require (internal/modules/cjs/helpers.js:92:18)
    at Object.<anonymous> (/Users/weichen/develop/alibaba/xconsole/hello/node_modules/babel-preset-breezr/lib/createPlugins.js:185:1)
    at Module._compile (internal/modules/cjs/loader.js:1085:14)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1114:10)
    at Module.load (internal/modules/cjs/loader.js:950:32)
    at Function.Module._load (internal/modules/cjs/loader.js:790:14)
    at Module.require (internal/modules/cjs/loader.js:974:19)
    at require (internal/modules/cjs/helpers.js:92:18)
    at Object.<anonymous> (/Users/weichen/develop/alibaba/xconsole/hello/node_modules/babel-preset-breezr/lib/index.js:8:39)
    at Module._compile (internal/modules/cjs/loader.js:1085:14)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1114:10)
    at Module.load (internal/modules/cjs/loader.js:950:32)
    at Function.Module._load (internal/modules/cjs/loader.js:790:14)
 @ multi ../node_modules/error-overlay-webpack-plugin/lib/entry-basic.js ../node_modules/error-overlay-webpack-plugin/lib/entry-devserver.js? ../node_modules/webpack-dev-server/client?http://localhost:3333 ../node_modules/webpack/hot/dev-server.js ./.xconsole/index.js index[4]
ℹ ｢wdm｣: Failed to compile.

请修复阿里内部链接

源码下载后运行时发现这些小问题：

package.json 中 http://registry.npm.alibaba-inc.com 是公司内网才能访问的吧？是的，直接改成 https://registry.npmmirror.com
tnpm 也是内部 npm 命令吧？是的，直接改成 yarn 或者 npm
目录不存在cd packages/xconsole-example，应该是 example/xconsole-example 吧？
缺少依赖，添加后 @alicloud/console-toolkit-plugin-xconsole-fs-route，再提示 node_modules/@alicloud/console-toolkit-plugin-xconsole-fs-route/lib/index.js 不存在，需要先编译一下吗？是的
还是跑不通：Module not found: Error: Can't resolve '../lib/hooks/index' in 'packages/xconsole/hooks'，要先编译 packages/xconsole 吗？是的，然后又出错了
实在跑不下去了

安装报错

npm ERR! code E404
npm ERR! 404 Not Found - GET https://registry.npmjs.org/@alicloud%2fconsole-design - Not found
npm ERR! 404
npm ERR! 404 '@alicloud/console-design@latest' is not in the npm registry.
npm ERR! 404 You should bug the author to publish it (or use the name yourself!)
npm ERR! 404
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, http url, or git url.

windows环境运行xconsole init失败

由于2.4.0版本install都失败，所以使用2.3.44版本进行安装，安装后，按照xconsole的官网运行xconsole init后报错，找不到index.js，具体的报错如下：
no package.json found in cwd: E:\2project\2git4\xconsole\demo
(node:12160) UnhandledPromiseRejectionWarning: Error: Cannot find module 'D:\software\nodecache\node_modules\@alicloud\xconsole\node_modules\@alicloud\console-toolkit-plugin-xconsole\generators\xconsole\index.js'