环境声明
所有操作均为Windows10,64位环境下操作,jdk为1.8版本,zookeeper为3.4版本
安装dubbo管理控制台真是漫长的道路,至少对我这个菜鸡来说是这样的:

第一步

首先,进入dubbo官网,在GitHub上下载dubbo-admin的代码
附上地址:https://github.com/apache/dubbo-admin
下载完成后,目录如下:
Dubbo-admin踩坑之路---各种报错解决(持续更新中...)

第二步

dubbo-admin-ui目录下打开cmd命令窗口,并输入以下命令:

npm install

随后,得到以下界面:

Dubbo-admin踩坑之路---各种报错解决(持续更新中...)

警告???

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fsevents):

这个是什么东东?原来是因为在mac环境下需要 fsevents,而其他的则不需要这个依赖,因此在windows或linux环境下,可以忽略这个警告。随后,输入命令:

npm run dev

然后,emmm,又出问题了:
Dubbo-admin踩坑之路---各种报错解决(持续更新中...)

error ‘XXX’ is never reassigned. Use ‘const’ instead

这又是什么东东?仔细看错误信息提示,原来是因为dubbo-admin-ui\src\util包下的index.js文件出问题了,说“XXX”变量永远不会重新赋值,强烈建议我们使用const,我们去试试,将文件内容改一下:
Dubbo-admin踩坑之路---各种报错解决(持续更新中...)

另一个错误怎么解决呢:

error Do not access Object.prototype method ‘hasOwnProperty’ from target object no-prototype-builtins

这个错误是什么意思?不要从目标对象no-prototype-buildins中访问Object.prototype方法‘has自有属性,不让我们用?这是因为在ECMAScript 5.1中,新增了 Object.create,它支持使用指定的 [[Prototype]] 创建对象。Object.create(null) 是一种常见的模式,用于创建将用作映射的对象。当假定对象将包含来自Object.prototype 的属性时,这可能会导致错误。该规则防止直接从一个对象调用某些 Object.prototype 的方法。
此外,对象可以具有属性,这些属性可以将 Object.prototype 的内建函数隐藏,可能导致意外行为或拒绝服务安全漏洞。例如,web 服务器解析来自客户机的 JSON 输入并直接在结果对象上调用 hasOwnProperty 是不安全的,因为恶意客户机可能发送一个JSON值,如 {“hasOwnProperty”: 1},并导致服务器崩溃。
为了避免这种细微的 bug,最好总是从 Object.prototype 调用这些方法。例如,foo.hasOwnProperty(“bar”) 应该替换为 Object.prototype.hasOwnProperty.call(foo, “bar”)
如图所示:
Dubbo-admin踩坑之路---各种报错解决(持续更新中...)

重新执行npm run dev命令:
Dubbo-admin踩坑之路---各种报错解决(持续更新中...)
oh yeah ! 成功了~

分类:

技术点:

相关文章: