TypeScript导入路径

Question

我正在使用TypeScript构建grafana插件，与here相同。

文件夹结构如下：

不出所料，我无法编译我的TypeScript插件，因为在module.ts

import { MetricsPanelCtrl } from 'app/plugins/sdk';

所有示例都使用路径'app / plugins / sdk'，即使应用程序在目录结构中远离它们。

那他们是怎么做到的？

我尝试将我的导入路径更改为'../../../../public/app/plugins/sdk'，然后更进一步，但随后获得1000个关于其他模块的错误，而不是编译如下：

Running "typescript:build" (typescript) task
>> ../../../public/app/core/components/code_editor/code_editor.ts(30,20): error TS2307: Cannot find module 'app/core/config'.
>> ../../../public/app/core/components/code_editor/code_editor.ts(31,17): error TS2307: Cannot find module 'brace'.

Answer 1

错过了自述文件的底部：

  

Grafana SDK Mocks包中包含Grafana类的模拟，插件需要在TypeScript中构建...

     

npm install --save-dev grafana / grafana-sdk-mocks

     

将指令放在所有TypeScript文件的顶部：

     

///<reference path="../node_modules/grafana-sdk-mocks/app/headers/common.d.ts" />