Angular 2 : error at startup of the app "http://localhost:3000/traceur 404 (Not Found)"-6ren

Angular 2 : error at startup of the app "http://localhost:3000/traceur 404 (Not Found)"

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

26

4

我有一个全新的 Angular (rc1) 安装。我想我刚刚创建了通常的“Hello something”应用程序，但是当我从浏览器启动该应用程序时，我在浏览器控制台上收到以下错误

谁能解释一下我做错了什么？我一定是出了什么问题，因为其他更复杂的东西在我的机器上与 rc1 完美配合。

提前致谢

app.component.ts

import { Component } from '@angular/core';

    @Component({
      selector: 'm2t-app',
      template: `
            Hello something
            `,
      directives: []
    })
    export class AppComponent { 
    }

main.ts

import { bootstrap }    from '@angular/platform-browser-dynamic';

import { AppComponent } from './app.component';

bootstrap(AppComponent);

index.html

<html>
  <head>
    <title>MEAN2 Training Class</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="styles.css">

    <!-- 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>
    <m2t-app>Loading...</m2t-app>
  </body>
</html>

systemjs.confing.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);

最佳答案

我找到了原因。在 app.component.ts 的开头，我评论了一个早期版本的愚蠢的 AppComponent，比如

/*

import { AnotherComponent } from './anotherComponent.component'
// some other code

}*/
import { Component } from '@angular/core';

@Component({
  selector: 'm2t-app',
  template: `
        Hello something
        `,
  directives: []
})
export class AppComponent { 
}

去掉文件开头的注释，问题解决。

关于 Angular 2 : error at startup of the app "http://localhost:3000/traceur 404 (Not Found)"，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37179236/

26

4

0

文章推荐： c - 在编译期间将数据写入特定地址

文章推荐： html - 签名的语义 HTML 标记

文章推荐： c - 共享相同第一成员的结构 union

localhost - localhost :5000 and other localhosts 有什么区别
谁能解释一下 localhost:5000 之间的区别和其他本地主机。谢谢你。最佳答案 localhost:5000 正在访问端口 5000 上的 localhost。例如，如果您从浏览器访问它
localhost - localhost 的别名主机名
假设本地 Python 脚本正在运行网络服务器。有没有办法设置别名，以便http://localwebapp/等于 http://localhost:1234/ ? 编辑:或至少 http://lo
localhost - "localhost"、主机和端口的全部意义是什么？
我对网络开发完全陌生。所以我总是看到“localhost”之类的东西并问自己:那是什么？我感觉知道什么是“主持人”了。执行某事的东西。所以我的 Mac 是其上运行的所有内容的主机。那么“localh
localhost - ejabberd - http ://localhost:5280 redirects to www. localhost.com:5280
我正在学习 xmpp 编程，我使用 sudo apt-get install ejabberd 在我的 ubuntu 15.10 上安装了 ejabberd，然后我通过添加管理员用户 ejabberd
localhost - 主机 localhost 是否始终可用于自己的系统？
是否总是可以 ping localhost 并解析为 127.0.0.1？我知道 Windows Vista、XP、Ubuntu 和 Debian 都这样做，但每个人都这样做吗？最佳答案任何正确
java - 为什么 RMI localhost 客户端使用 no localhost ip 连接 RMI localhost 服务器
我们在同一台计算机上使用客户端/服务器 RMI 通信(因此所有 ip 都应该是本地主机)。我们启动注册表(使用默认端口1099) registry = LocateRegistry.createRe
localhost - http ://localhost/not working with EasyPHP
我已经在 windows/system32/drivers/etc/ 中验证了我的主机文件其中有一个 localhost 的条目，但它不会去任何地方。我必须在 URL 中有一个端口号:http://1
linux - 如何将容器上的 localhost 端口转发到主机上的 localhost？
我的主机上有一个守护程序在某个端口(即 8008)上运行，我的代码通常通过联系 localhost:8008 与守护程序交互。我现在已经将我的代码容器化了，但还没有将守护进程容器化。如何将容器上的
smtp - HELO localhost 中 'localhost' 的意义
在 SMTP 中，HELO 命令之后应该是什么，它有什么作用？我在我的应用程序中发送电子邮件，我想知道我是否应该使用 localhost、发件人地址的域名 (me@example.com)、应用程序
http - Microsoft Edge重定向http ://localhost to https://localhost
我遇到无法打开本地主机Web应用程序的问题，因为Microsoft Edge会将URL http://localhost:3000重定向到https://localhost:3000。因此，我得到了错
facebook - localhost 测试设置 - Facebook 不允许 localhost
一直在尝试设置我想用于登录的 Facebook 应用程序，以允许我在 Mac 的本地主机上测试它。 Facebook 抛出错误“应用程序域:http://localhost 不是有效域。”当我尝试将站
localhost - 如何使用 Ingress 将 'localhost' 映射到 minikube
我在 MacOS 10.15 上使用 minikube 1.4.0 版和 Kubernetes 1.16.0 版。我正在开发一些依赖于外部服务的授权/认证代码。在对服务的 API 调用中，我需要提供
localhost - 为什么 localhost 返回 "502 Bad Gateway"？
当我用谷歌搜索这个问题时，我注意到这是 nginx 的一个常见问题。但是我从来没有在我的机器上使用过 nginx。我使用 MAMP，偶尔使用 Python Bottle。现在，无论我的 MAMP/P
squid - 允许 Squid 从 localhost 访问 localhost
我在本地运行 Squid，我想通过在 localhost:3000 上运行的 Ruby 服务器通过 Squid 进行访问。如果我尝试访问 localhost:3000，我会收到以下消息: The f
localhost - Windows Phone 8 模拟器 : Access localhost
我使用 VS 2012 默认模板创建了 MVC4 移动应用程序。使用 http://localhost/mvcapplication1/ 在桌面浏览器中运行良好但是当我尝试在 WP8 Emulator
localhost - 如何将 xampp localhost 更改为另一个文件夹( xampp 文件夹之外)？
如何将默认的 xampp localhost c:xampp/htdoc 更改为另一个文件夹，即 c:/alan？当我使用 IP 地址时，我应该能够在 C:/alan 中查看我的网站文件。感谢您帮助
hadoop - http://localhost:50070显示无法连接，但http://localhost:50030正在运行
我正在使用带有centos版本6(Fedora)的Vmware。我正在使用hadoop 1.0.4版本。我的 http://localhost:50070 地址显示为“无法连接”，但是 http://
mysql - MARIADB/MYSQL : multiple connections from localhost to localhost
我正在运行带有 apache 2.4.38 和 Maria DB 10.1.38 + PHP 7.3.3 的 Windows Server 2016 有时，我可以看到(使用 netstat)从 127
linux - 无法设置无密码登录到 localhost 以及使用密码 ssh 到 localhost
尝试通过 SSH 连接到本地主机时的调试信息 ssh root@localhost -vvv 输出 OpenSSH_6.6.1、OpenSSL 1.0.1f 2014 年 1 月 6 日debug1:
php - 如何从 localhost(laravel、nodejs)调用 localhost？
我正在使用 Node 和 Laravel 编写一个应用程序。我正在运行小型 laravel 本地服务器，该服务器解析为 http://localhost:8000 。我还在 localhost:300

首页

博学

6Ren·AI

商城

Angular 2 : error at startup of the app "http://localhost:3000/traceur 404 (Not Found)"