Angular 2 - 找不到 404 跟踪器-6ren

Angular 2 - 找不到 404 跟踪器

转载作者：太空狗更新时间：2023-10-29 16:48:29

28

4

我已经按照入门指南进行了一些扩展，以了解之前的 Angular 2 版本。我已经更新了我的修订版并相应地更改了所有内容。当我运行 Web 服务器时，我现在收到 traceur 错误 404...

这是我的项目结构:

相关文件:

索引.html:

    <html>
<head>
    <title>Kinepolis HR-tool</title>

    <base href="./">

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Kinepolis HR tool">
    <meta name="author" content="Jeffrey Devloo!">

    <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css" />
    <!-- CSS for PrimeUI -->

    <!-- 1. Load libraries -->
    <!-- Polyfill(s) for older browsers -->
    <script src="node_modules/es6-shim/es6-shim.min.js"></script>

    <script src="node_modules/zone.js/dist/zone.js"></script>
    <script src="node_modules/reflect-metadata/Reflect.js"></script>
    <script src="node_modules/systemjs/dist/system.src.js"></script>

    <!-- 2. Configure SystemJS -->
    <script src="systemjs.config.js"></script>
    <script>
        System.import('app').catch(function(err){ console.error(err);  });
    </script>
</head>

<!-- 3. Display the application -->
<body>
<my-app>Loading...</my-app>
</body>

</html>

系统js.config.js

(function(global) {

    // map tells the System loader where to look for things
    var map = {
        'app':                        'app', // 'dist',
        'rxjs':                       'node_modules/rxjs',
        'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api',
        '@angular':                   'node_modules/@angular',
    };

    // packages tells the System loader how to load when no filename and/or no extension
    var packages = {
        'app':                        { main: 'main.js',  defaultExtension: 'js' },
        'rxjs':                       { defaultExtension: 'js' },
        'angular2-in-memory-web-api': { defaultExtension: 'js' },
    };

    var packageNames = [
        '@angular/common',
        '@angular/compiler',
        '@angular/core',
        '@angular/http',
        '@angular/platform-browser',
        '@angular/platform-browser-dynamic',
        '@angular/router',
        '@angular/router-deprecated',
        '@angular/testing',
        '@angular/upgrade',
    ];

    // add package entries for angular packages in the form '@angular/common': { main: 'index.js', defaultExtension: 'js' }
    packageNames.forEach(function(pkgName) {
        packages[pkgName] = { main: 'index.js', defaultExtension: 'js' };
    });

    var config = {
        map: map,
        packages: packages
    }

    // filterSystemConfig - index.html's chance to modify config before we register it.
    if (global.filterSystemConfig) { global.filterSystemConfig(config); }

    System.config(config);

})(this);

tsconfig.json

    {
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false
  },
  "exclude": [
    "node_modules",
    "typings/main",
    "typings/main.d.ts"
  ]
}

一个可能的问题可能是这是在抵制我的进步。

最佳答案

我在学习 Angular Heroes 教程时遇到了这个问题。这是由 systemjs.config.js 文件中的 angular-in-memory-web-api 导入位置无效引起的。正确的位置应该是:

'angular-in-memory-web-api': 'npm:angular-in-memory-web-api/bundles/in-memory-web-api.umd.js'

并删除 packages.angular-in-memory-web-api

参见 https://github.com/angular/quickstart/commit/541bdc5f634e1142860c56cace247234edfaf74b

关于Angular 2 - 找不到 404 跟踪器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37022526/

28

4

0

文章推荐： typescript - Angular 2 多个验证器

文章推荐： c - Mac OS X 上的奇怪 RAW 套接字

文章推荐： html - 防止图像随浏览器缩放

文章推荐： c - 在 C 中使用静态变量的最佳实践

TeamCity 和 YouTrack 不到 1GB
我正在尝试在 Windows 上运行的小于 1GB 的 VM 上设置 YouTrack 和 TeamCity。使用率将非常低(用户和请求)。这是一个 POC 环境，如果它有效，我可能会将它推送到一个超
batch-file - 不到 4 天的 FORFILES
所以我在尝试使用 FORFILES 解决这个问题时遇到了麻烦。我正在尝试获取不超过 4 天的文件。所以基本上少于 4 天。然而，这似乎不太可能，因为/d -4 获取所有 4 天或更早的项目。以下是我
sql - PostgreSQL:SELECT WHERE 不到 15 分钟
如何从下面的 events 表中选择小于 15 分钟前创建的 events？ CREATE TABLE events ( created_at timestamp NOT NULL DEFAU
google-analytics - Google Analytics - 不到 n 分钟前
Google Analytics Realtime提供 rt:minutesAgo ，可以过滤查询。然而，它是一个维度而不是一个度量标准，<=不能在过滤器中使用。假设我想在最后 n 分钟内获得一些
iOS 核心数据 - 严重的应用程序错误 - 尝试插入 nil - 不到 1%
iOS 核心数据 - 严重的应用程序错误 - 尝试插入 nil 你好，我的应用程序实际上运行稳定，但在极少数情况下它会崩溃并显示此错误消息... 2019-04-02 20:48:52.437172
javascript - 如何使 html div 快速向右移动(不到 1 秒)并消失？
我想制作一个 html div 以快速向右移动(例如不到 1 秒)并消失。然后1秒后再次直接出现在这个过程最开始div的位置。此过程将由单击按钮并重复 10 次触发。我试图在 CSS 中使用过渡属性
scheduler - Windows 10 (UWP) 中的 TimeTrigger/Scheduler 不到 15 分钟
我发现使用 TimeTrigger 是 Windows 10 (UWP) 上计划后台任务的方式。但是看起来我们需要给出的最小数字是 15 分钟。只是想知道，即使我们安排它在接下来的 1 分钟内运行，警
c++ - 如何在 C++ 中快速(不到 1 秒)在屏幕上打印 2^20 行整数？
我必须在 1 秒内在屏幕上打印 2^20 行整数 printf 不够快，还有其他易于使用的快速输出替代方法吗？每一行只包含 1 个整数。我要求它用于竞争性编程问题，我必须将其源代码提交给法官。最

首页

博学

6Ren·AI

商城

Angular 2 - 找不到 404 跟踪器