开发自定义数据源插件时出现404错误

时间:2018-06-06 13:35:19

标签: javascript typescript sdk datasource grafana

我正在开发一个数据源插件,但我遇到了一个相当奇怪的问题。以下是我们问题的背景。

我遇到的第一个问题是知道如何在浏览器中包含npm模块,因此grafana可以使用它们(例如,node-rest-client-promise)。这个GitHub问题:https://github.com/grafana/simple-json-datasource/issues/19说要将模块复制到src文件夹(似乎grafana没有在node_modules目录中查找),以便通过浏览器访问grafana。

这导致另一个问题,浏览器无法理解require语句,因此我使用webpack捆绑模块并使浏览器可以理解这些语句。

然而,在执行此操作时,webpack无法理解queryCtrl中用于导入queryCtrl类的路径'app / plugins / sdk'。我遇到了以下Stack Overflow帖子:

TypeScript import paths

建议使用grafana-sdk-mocks来修复此路径问题。所以我将模块复制到src文件夹中,但它没有显示在浏览器中,似乎有些东西会在路径上添加.js扩展名。

尝试选择我们的自定义数据源插件时出现

错误消息:

无法加载资源:服务器响应状态为404(未找到)row_ctrl.ts:73插件组件错误错误:获取错误:404未找到实例化http://www.localhost:3000/public/plugins/name-of-plugin/libs/grafana-sdk-mocks/app/plugins/sdk.ts.js。 < =这是附加的.js 加载http://www.localhost:3000/public/plugins/name-of-plugin/query_ctrl.js在index.js上加载插件/ name-of-plugin-datasource / module:20 grafana文档不太清楚grafana如何查找导入的模块,也不清楚它如何解析'app / plugins / sdk'路径,因为它无处可在本地找到。

=====

我们正在使用的技术: Grunt =>用于从src /目录复制到dist /目录并处理babel转换 Babel =>用于从ES6标准转换为ES5标准 Webpack =>用于捆绑节点模块并通过浏览器访问grafana

我们的管道: $ webpack

$ grunt&& brew服务重启grafana

使用以下步骤安装Grafana: $ brew update

$ brew install grafana

$ brew tap homebrew / services

$ brew services启动grafana

非常感谢任何帮助!

0 个答案:

没有答案
相关问题