角度2“需求未定义”

Question

我正在开发一款以前有效的应用。我现在正在尝试添加一些路由，所以创建了一个app.component文件并更改了一些参数，但现在我只是在控制台中出现了一个空白屏幕并出现此错误...

Error: ReferenceError: require is not defined
        at eval (http://localhost:3000/client/dev/main.js:2:17)
        at eval (http://localhost:3000/client/dev/main.js:6:3)
        at $ (http://localhost:3000/node_modules/systemjs/dist/system-polyfills.js:4:8740)
    Evaluating http://localhost:3000/client/dev/main.js
    Error loading http://localhost:3000/client/dev/main.js

我的Main.JS文件是：

"use strict";
var browser_1 = require('angular2/platform/browser');
var app_component_1 = require('./app.component');
browser_1.bootstrap(app_component_1.AppComponent);

这是从main.ts：

生成的

import { bootstrap }    from 'angular2/platform/browser';
import { AppComponent } from './app.component';

bootstrap(AppComponent);

这有什么不对吗？

更新

感谢Eric提供有关在tsconfig.json中使用系统模块的建议，但如果我这样做，则会收到以下错误：

C:\Users\George\Source\Repos\Gen-App\server\server.js:2
System.register(['express', 'os', 'http', './config/routes.conf', './config/db.conf', './config/passport', './routes/index'], function(exports_1, context_1) {
^

ReferenceError: System is not defined
    at Object.<anonymous> (C:\Users\George\Source\Repos\Gen-App\server\server.js:2:1)
    at Module._compile (module.js:413:34)
    at Object.Module._extensions..js (module.js:422:10)
    at Module.load (module.js:357:32)
    at Function.Module._load (module.js:314:12)
    at Module.require (module.js:367:17)
    at require (internal/module.js:16:19)
    at Object.<anonymous> (C:\Users\George\Source\Repos\Gen-App\index.js:1:63)
    at Module._compile (module.js:413:34)
    at Object.Module._extensions..js (module.js:422:10)

注意：我的server.js代码是here

Answer 1

你说你添加了一些路由，但现在它无法正常工作。您的index.html文件需要包含router.dev.js文件：

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