如何使用 TypeScript Playground 导入库

AWh*_*ord 14 typescript typescript-playground

TypeScript Playground似乎并不反对这个导入:

import * as _ from "underscore";
Run Code Online (Sandbox Code Playgroud)

直到您尝试使用它,例如:

const equalResult = _.isEqual('ABC', '123');
Run Code Online (Sandbox Code Playgroud)

然后,它生成错误:

[ERR]: Executed JavaScript Failed:
[ERR]: Cannot use import statement outside a module
Run Code Online (Sandbox Code Playgroud)

操场似乎理解库,因为它提供了 JSDoc,所以我认为这可以工作,但是如何?

mek*_*all 7

TypeScript Playground 不是一个成熟的沙盒解决方案。它只是一个不需要依赖项的简单类型资源管理器。

对于您的用例,我建议改用CodeSandbox。在创建沙箱时,它带有一大堆 TypeScript 模板可供选择。TypeScript Playground 还有一个导出菜单,您可以在其中直接在 CodeSandbox 中打开您的代码。

CodeSandbox 导出

UI 基于 VS Code,因此如果您习惯了,您会感到宾至如归。


小智 2

我来这里试图解决同样的问题,然后继续挖掘,这是我想出的最好的解决方案:

如果您访问https://jsfiddle.net/,您可以选择“Typescript”作为您的语言,选择“underscore.js”作为您的库,它应该创建一个与游乐场类似的环境。可以通过点击JFiddle网站中JS文本框上方的语言类型来选择语言和库。

没有回答您原来的问题,但对于某人来说可能是一个可行的解决方法。