aurelia - 将插件与新的 Aurelia CLI 一起使用时出错

Question

我正在使用带有 typescript 模板的 CLI 工具(au new)创建一个 Aurelia 的新项目，需要使用 aurelia-dragula.

我用 npm 安装了 aurelia-dragula 并开始在我的 typescript 文件中使用它。

当我运行 "au run --watch" 时，出现错误:

[Error: ENOENT: no such file or directory, open 'C:\temp\client\src\dragula.js']"

如果我打开我的 ts 文件，我的导入语句有问题

“从‘dragula’导入 {dragula}；”

Module ''dragula'' has no exported member dragula

有什么想法吗？您是否将此插件与新的 Aurelia CLI 项目一起使用？

Answer 1

首先，将 aurelia-dragula 添加为 aurelia.json 文件中的依赖项。

// aurelia_project/aurelia.json

"dependencies" : {

    "aurelia-task-queue",
    "aurelia-templating",
    "aurelia-templating-binding",
    {
      "name": "aurelia-dragula",
      "path": "../node_modules/aurelia-dragula/dist/amd",
      "main": "dragula"
    }

}

其次，为防止 TypeScript 编译器报错，添加以下 ambient module到您的 custom_typings 目录。

// custom_typings/aurelia-dragula.d.ts

declare module "aurelia-dragula";

第三，使用此语法导入它。

// src/app.ts

import * as Dragula from 'aurelia-dragula';