如何开始使用Aurelia UX

时间:2017-12-23 16:55:02

标签: aurelia

所以,我试图让aurelia-ux工作,但我无法工作。

有一个演示应用程序,但是那个基于0.3而0.6.1存在。似乎有一些改变了。

aurelia-ux的最新npm包是0.3.0,所以我想这不是一个可以使用的。包aurelia-ux / components似乎是一个使用..因为那个包存在0.6.1包。

所以我添加到我的package.json:

  "dependencies": {
      "@aurelia-ux/components": "^0.6.1",

我的aurelia.json:

      {
        "name": "aurelia-ux",
        "path": "../node_modules/@aurelia-ux/components/dist/amd",
        "main": "index",
        "resources": ["**/*.{css,html}"]
      }

这在我的构建输出中给了我这个:

Tracing aurelia-ux...
 ------- File not found or not accessible ------
| Location: C:/Work/Dat/AuFront/src/@aurelia-ux/button.js|
| Requested by: C:\Work\Dat\AuFront\node_modules\@aurelia-ux\components\dist\amd\index.js
| Is this a package? Make sure that it is configured in aurelia.json and that it is not a Node.js package

所以这看起来像某种路径引用问题?是否有人有一个有效的例子?

1 个答案:

答案 0 :(得分:0)

所以,诀窍是包含这个npm包:

  

@奥里利亚-UX /组件

在Aurelia.json中添加:

     {
        "name": "@aurelia-ux/core",
        "path": "../node_modules/@aurelia-ux/core/dist/amd",
        "main": "index",
        "resources": ["**/*.{css,html}"]
      },

然后您要使用的每个组件,如下所示:

      {
        "name": "@aurelia-ux/button",
        "path": "../node_modules/@aurelia-ux/button/dist/amd",
        "main": "index",
        "resources": ["**/*.{css,html}"]
      },

然后,在你的main.ts上使用它:

    .plugin('@aurelia-ux/core')
    .plugin('@aurelia-ux/button')