在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：COULD NOT 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语句：

import "framework7"

Answer 1

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

使用脚本标记加载不能识别模块的旧JS库没有错。

补充评论：

将此脚本添加到prepend的{​​{1}}部分也可以。

Answer 2

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

使用font-awesome库的示例： How can I add Font Awesome to my Aurelia project using npm?