可以在 Grafana 数据源库中导入外部 JavaScript 库答案

【问题标题】：Can import external JavaScript Libraries in Grafana DataSource Library可以在 Grafana 数据源库中导入外部 JavaScript 库
【发布时间】：2017-04-28 18:36:51
【问题描述】：

我在尝试在我正在开发的 Grafana 数据源插件中导入 crypto-js 库时遇到问题。

我得到以下异常：

错误：（SystemJS）无法设置未定义的属性“CryptoJS”类型错误：无法在执行时（http://localhost:3000/public/plugins/grafana-my-datasource/external/crypto-js.js?bust=1493397621246:27:6）在 Object.create.F（http://localhost:3000/public/plugins/grafana-my-datasource/external/crypto-js.js?bust=1493397621246:25:20）设置未定义的属性“CryptoJS”（http://localhost:3000/public/plugins/grafana-my-datasource/external/crypto-js.js?bust=1493397621246:27:6）加载时出错http://localhost:3000/public/plugins/grafana-my-datasource/module.js

我在 datasouce.js 中有这个：

import _ from "lodash";

import moment from 'moment';

import CryptoJS from './external/crypto-js';

export class GenericDatasource {

.......

在 Gruntfile.js 中：

externals: {
  cwd: 'src',
  expand: true,
  src: ['**/external/*'],
  dest: 'dist'
}

有什么想法吗？

【问题讨论】：

导入看起来正确。路径是否正确？ Grafana 在启动插件时会查看 dist 目录。 js文件的路径是./dist/external/crypto-js.js吗？
嗨，Daniel，是的，文件 crypt-js.js 位于 ./dist/external/crypto-js.js

标签： javascript datasource grafana

【解决方案1】：

要检查两件事：

Grafana 是否找到了 js 文件？你能在浏览器中导航到http://localhost:3000/public/plugins/grafana-my-datasource/external/crypto-js.js 并取回一个 JavaScript 文件吗？
您是否正确导入它？ CryptoJS 是默认导入吗？你可以试试：
- import * as CryptoJS from './external/crypto-js';
- 有一个GitHub Issue here about ES6 and CryptoJS 显示如何只导入一个算法。

【讨论】：