小编Cra*_*aig的帖子

我们如何将 Blockly 导入到 Angular 7 应用程序中?

我尝试在 Angular 7 应用程序中使用 Blockly,但无法注入 Blockly 编辑器。

我已经从https://developers.google.com/blockly/guides/get-started/web下载了文件,并将 blockly_compressed.js 复制到我的 src 目录中(并将其重命名为 blockly.js)。然后我尝试从我的组件访问 Blockly 并收到错误。

我尝试过的:

导入“../blockly.js”

无法编译,给出“错误 TS2304:找不到名称“Blockly”。”

import { Blockly } from '../blockly'
Run Code Online (Sandbox Code Playgroud)

编译,但在浏览器中打开应用程序时出现以下错误:

ERROR TypeError: _blockly__WEBPACK_IMPORTED_MODULE_4__.Blockly.inject is not a function
Run Code Online (Sandbox Code Playgroud)

添加包含以下内容的 blockly.d.ts 文件:

export namespace Blockly {
    export function inject(div: string, config: any): void;
}
Run Code Online (Sandbox Code Playgroud)

给出与上面相同的错误。

关于我还可以尝试什么的任何建议?

blockly angular angular7

5
推荐指数
1
解决办法
4158
查看次数

标签 统计

angular ×1

angular7 ×1

blockly ×1