angular2 – 没有找到角2 – 404 traceur

发布时间：2020-12-17 08:41:35 所属栏目：安全来源：网络整理

导读：我已经按照起始指南，并扩展了一个以前的angular 2版本。我更新了我的修订版本，并相应地改变了一切。当我运行Web服务器时，我现在收到错误404 traceur … 这里是我的项目结构：相关文件： Index.html： htmlhead titleKinepolis HR-tool/title base href=

我已经按照起始指南，并扩展了一个以前的angular 2版本。我更新了我的修订版本，并相应地改变了一切。
当我运行Web服务器时，我现在收到错误404 traceur …

这里是我的项目结构：

相关文件：

Index.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>

systemjs.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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!