问题：

错误：XHR错误（未找到404）加载angular2/http

佟翰林

2023-03-14

我使用角cli为我的Angular2应用程序。每当我尝试加载angular2/超文本传输协议在我的组件/服务没有错误显示在cli终端，但在我的浏览器的控制台它显示这-

收到http://localhost:4200/angular2/http404（未找到）

未处理的promise拒绝：错误：XHR错误（未找到404）加载http://localhost:4200/angular2/http在XMLHttpRequest。描述集。wrapFn[as _onreadystatechange](http://localhost:4200/vendor/zone.js/dist/zone.js:769:30)在分区公使馆。调用任务(http://localhost:4200/vendor/zone.js/dist/zone.js:356:38)在区域。运行任务(http://localhost:4200/vendor/zone.js/dist/zone.js:256:48)在XMLHttpRequest。佐涅茨克。援引(http://localhost:4200/vendor/zone.js/dist/zone.js:423:34)加载错误http://localhost:4200/angular2/http作为来自的“angular2/http”http://localhost:4200/app/js-树。组成部分js；区域：；任务：promise。然后值：错误：错误：XHR错误（未找到404）加载http://localhost:4200/angular2/http在XMLHttpRequest。描述集。wrapFn[as _onreadystatechange](http://localhost:4200/vendor/zone.js/dist/zone.js:769:30)在分区公使馆。调用任务(http://localhost:4200/vendor/zone.js/dist/zone.js:356:38)在区域。运行任务(http://localhost:4200/vendor/zone.js/dist/zone.js:256:48)在XMLHttpRequest。佐涅茨克。援引(http://localhost:4200/vendor/zone.js/dist/zone.js:423:34)加载错误http://localhost:4200/angular2/http作为来自的“angular2/http”http://localhost:4200/app/js-树。组成部分js

我的angular cli版本是0.0。39

节点：4.2。2.

这是我的系统配置。ts

const map: any = {
};

/** User packages configuration. */
const packages: any = {
};


const barrels: string[] = [
  // Angular specific barrels.
  '@angular/core',
  '@angular/common',
  '@angular/compiler',
  '@angular/http',
  '@angular/router',
  '@angular/platform-browser',
  '@angular/platform-browser-dynamic',

  // Thirdparty barrels.
  'rxjs',

  // App specific barrels.
  'app',
  'app/shared',
  'app/tree',
  'app/tree/item',
  /** @cli-barrel */
];

const cliSystemConfigPackages: any = {};
barrels.forEach((barrelName: string) => {
  cliSystemConfigPackages[barrelName] = { main: 'index' };
});

/** Type declaration for ambient System. */
declare var System: any;

// Apply the CLI SystemJS configuration.
System.config({
  map: {
    '@angular': 'vendor/@angular',
    'rxjs': 'vendor/rxjs',
    'main': 'main.js'
  },
  packages: cliSystemConfigPackages
});

// Apply the user's configuration.
System.config({ map, packages });

还有我的package.json

{
  "name": "pankha",
  "version": "0.0.0",
  "license": "MIT",
  "angular-cli": {},
  "scripts": {
    "start": "ng server",
    "postinstall": "typings install",
    "lint": "tslint \"src/**/*.ts\"",
    "format": "clang-format -i -style=file --glob=src/**/*.ts",
    "pree2e": "webdriver-manager update",
    "e2e": "protractor"
  },
  "private": true,
  "dependencies": {
    "@angular/common": "2.0.0-rc.1",
    "@angular/compiler": "2.0.0-rc.1",
    "@angular/core": "2.0.0-rc.1",
    "@angular/platform-browser": "2.0.0-rc.1",
    "@angular/platform-browser-dynamic": "2.0.0-rc.1",
    "@angular/router": "2.0.0-rc.1",
    "es6-shim": "^0.35.0",
    "reflect-metadata": "0.1.3",
    "rxjs": "5.0.0-beta.6",
    "systemjs": "0.19.26",
    "zone.js": "^0.6.12"
  },
  "devDependencies": {
    "angular-cli": "0.0.*",
    "clang-format": "^1.0.35",
    "codelyzer": "0.0.14",
    "ember-cli-inject-live-reload": "^1.4.0",
    "jasmine-core": "^2.4.1",
    "jasmine-spec-reporter": "^2.4.0",
    "karma": "^0.13.15",
    "karma-chrome-launcher": "^0.2.3",
    "karma-jasmine": "^0.3.8",
    "protractor": "^3.3.0",
    "ts-node": "^0.5.5",
    "tslint": "^3.6.0",
    "typescript": "^1.8.10",
    "typings": "^0.8.1"
  }
}

还有我的索引。html

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>Pankha</title>
  <base href="/">
  {{content-for 'head'}}
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!-- Service worker support is disabled by default.
       Install the worker script and uncomment to enable.
       Only enable service workers in production.
  <script type="text/javascript">
    if ('serviceWorker' in navigator) {
      navigator.serviceWorker.register('/worker.js').catch(function(err) {
        console.log('Error installing service worker: ', err);
      });
    }
  </script>
  -->
</head>
<body>
  <pankha-app>Loading...</pankha-app>

  <script src="vendor/es6-shim/es6-shim.js"></script>
  <script src="vendor/reflect-metadata/Reflect.js"></script>
  <script src="vendor/systemjs/dist/system.src.js"></script>
  <script src="vendor/zone.js/dist/zone.js"></script>
  <!-- <script src="node_modules/angular2/bundles/http.dev.js"></script> -->




  <script>
    System.import('system-config.js').then(function () {
      System.import('main');
    }).catch(console.error.bind(console));
  </script>
</body>
</html>

共有2个答案

姬弘文

2023-03-14

我找到了解决办法。我没有使用angular2的测试版，所以我不得不打开我的package.json，在依赖项下添加一行

"@angular/http": "2.0.0-rc.1",

然后我打开我的终端并打字

npm install

它更新了我的system-config.ts

const barrels: string[] = [
  // Angular specific barrels.
  '@angular/core',
  '@angular/common',
  '@angular/compiler',
  '@angular/http',
  '@angular/router',
  '@angular/platform-browser',
  '@angular/platform-browser-dynamic',

  // Thirdparty barrels.
  'rxjs',

  // App specific barrels.
  'app',
  'app/shared',
  'app/tree',
  'app/tree/item',
  /** @cli-barrel */
];

它在哪里

const barrels: string[] = [
  // Angular specific barrels.
  '@angular/core',
  '@angular/common',
  '@angular/compiler',
  '@angular/router',
  '@angular/platform-browser',
  '@angular/platform-browser-dynamic',

  // Thirdparty barrels.
  'rxjs',

  // App specific barrels.
  'app',
  'app/shared',
  'app/tree',
  'app/tree/item',
  /** @cli-barrel */
];

郎灿

2023-03-14

我想你忘了包含http。dev.js主HTML文件中的文件：

<script src="node_modules/angular2/bundles/http.dev.js"></script>

请注意，这只适用于beta版本（不是rc版本），但由于您使用的angular2/超文本传输协议模块，我猜您使用的是beta版本。

类似资料：

（SystemJS）XHR错误（404未找到）加载

我得到下面的错误。我最近将更新为其最新版本，之后出现此错误。我不确定到底出了什么问题，我在谷歌上非常努力地寻找答案，因为我是一个新的角度类型的编程。我尝试了以下步骤：已尝试弃用返回，但运气不佳尝试导入软件包，仍然没有成功已尝试启动rc1，但运气不佳你能告诉我实际的问题是什么，我应该如何解决这个问题？ localhost/： 38错误：（SystemJS）XHR错误（404未找到）加载ht
（SystemJS）XHR错误（404未找到）加载-cutom服务

你好，作为角2学习项目的一部分，我正在创建一个测试应用程序。我试图急切地加载一个名为的模块，但是，出现以下错误：错误：（SystemJS）XHR错误（404未找到）加载http://localhost:3000/app/core.js错误：XHR错误（未找到404）加载http://localhost:3000/app/core.js在XMLHttpRequest。wrapFn[as _onr
加载http://localhost:3000/traceur时出现XHR错误（未找到404）

system.config.js：当我在“app.module.ts”的imports列表中添加时，就会出现错误。
urllib。错误HTTPError：HTTP错误404：未找到-python

Traceback（最近的最后一次调用）：文件"C：/用户/AppData/本地/程序/Python/Python37/client.py"，第54行，引号=json.loads（urllib.request.urlopen（QUERY.格式（random.random（）））. read（））文件"C：\用户\AppData\本地\程序\Python\Python37\lib\urllib\re
（SystemJS）XHR错误@角/commobundles/common.umd.js/http未找到

我正在我的应用程序中发出一个简单的http请求。我正在使用Angular 2 Quickstart并将所有Angular软件包更新为4.3。4. 这是我的这是我的代码工作正常，直到我安装。添加后，我得到一个错误：我已经研究了很长一段时间，看了很多这样的问题，但是找不到我问题的答案。
捕获XHR的404错误

问题内容：基本上，我必须创建一个JavaScript APP对象，该对象将对服务器的一系列异步请求进行排队，处理对JSON的响应，并记录其中的错误。 JSON处理错误很容易通过“ try-catch”捕获，但是服务器错误（如404、500等）仍显示在浏览器的控制台中，而我需要将其静默记录在“ APP.history”中。我尝试通过下面的代码实现它，但是404错误均未触发一个错误。我究竟做错了什

错误：XHR错误（未找到404）加载angular2/http

共有2个答案

相关问答

相关文章

相关阅读

相关工具

相关文档