简体   繁体   中英

Angular 2 “require is not defined”

I am working on an app, which previously worked. I am now trying to add some routing, so have created an app.component file and changed a few parameters, but now I just get a blank screen and this error in the console...

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

在此处输入图片说明 My Main.JS file is:

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

This is Generated from main.ts :

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

bootstrap(AppComponent);

Whats's wrong with this?

Update:

Thanks Eric for your suggestion about using the system module in tsconfig.json, but if I do it, I get the following error:

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)

NB: my server.js code is here

You say you added some routing and now it's not working. Your index.html file needs to include the router.dev.js file:

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

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM