在 aurelia 中导入客户端库 framework7

Question

在将 Framework7 与 Aurelia 一起使用时遇到问题。在 aurelia.json 我有以下内容：

          {
        "name": "Framework7",
        "path": "../node_modules/framework7",
        "main": "dist/js/framework7",
        "exports": "Framework7"
      }

在 F7.js 我有这个代码：

import Framework7 from "framework7";

export const F7 = new Framework7();

我收到这个错误： commonJs.convert：无法转换：services/f7.js，所以跳过它。错误是：错误：第 1 行：意外的令牌

我正在尝试关注 https://github.com/Jenselme/tests-ionic2-and-aurelia-framework7/blob/master/aurelia-f7-todo/app/services/f7.js 并尝试查看 Aurelia

上的文档

我也尝试过这样的导入语句：

import "framework7"

Answer 1

只加载带有脚本标签的 Framework7 怎么样？ Aurelia CLI 使用 RequireJS 进行模块加载。我发现这个页面解释了如何使用 Framework7 w/RequireJS，他们使用脚本标签加载 Framework7。

使用脚本标签加载不支持模块的遗留 JS 库没有任何问题。

附加评论：

将此脚本添加到 vendor-bundle 的 prepend 部分也可以。

Answer 2

Framework7 包含许多 Aurelia 无法处理的资源，例如 css 和图像。您必须手动捆绑它。

字体库示例：

在 aurelia 中导入客户端库 framework7

import client library framework7 in aurelia

aurelia

html-framework-7