Question

我使用here给出的最小项目设置了Aurelia项目。

然后我使用fetch-client命令添加了npm install aurelia-fetch-client --save。它更新了package.json以包含以下内容：

"dependencies": {
    "aurelia-fetch-client": "^1.1.0"
  }

但是当我将import {HttpClient} from 'aurelia-fetch-client';添加到我的app.js文件并尝试运行该应用时，却出现了以下错误：

system.js:4 GET http://localhost:5000/aurelia-fetch-client 404 (Not Found)

如何添加？该项目在哪里跟踪其依赖关系？我看过很多教程有助于在aurelia cli项目中设置fetch客户端。给出here的项目怎么样？

Answer 1

首先，按照上面的Fabio Luz的建议，实际安装aurelia-cli或骨架框架。

然后，我发现下一步是大多数学习Aurelia的人最常见的困惑之一。通过npm安装新模块后，您必须在aurelia.json（在aurelia_project文件夹中）手动将它们列为依赖项。例如，您可以按如下方式列出aurelia-fetch-client：

"dependencies": [
  "aurelia-binding",
  "aurelia-bootstrapper",
  "aurelia-dependency-injection",
  "aurelia-event-aggregator",
  ...
  "aurelia-fetch-client",
  ...

将其列为依赖项后，它将包含在vendor.js包中（在CLI中，通过运行au run --watch），以便您在导入时可以访问它个别组件。

import {HttpClient} from 'aurelia-fetch-client';

Answer 2

对我而言，它的工作原理如下（使用CLI生成的项目）：

npm i whatwg-fetch --save
npm i aurelia-fetch-client --save

添加＆＃34; aurelia-fetch-client＆＃34;到aurelia_project / aurelia.json中的依赖项

app.js的例子：

import {HttpClient} from 'aurelia-fetch-client';

let client = new HttpClient();

export class App{
  activate(){
    client.fetch('http://...json');
    .then(response => response.json())
    .then(data =>{

    console.log(data)

    });
  }
}

Answer 3

您还可以使用CLI本身安装依赖项。

它并不总能100％正确，但如果挣扎，可以指出正确的方向。

例如au install aurelia-fetch-client

它将下载依赖项，添加到packages.json并尝试为捆绑创建一个条目。

将依赖项添加到Aurelia项目

3 个答案: