Angular 2 Universal – 服务器端渲染与手写笔和帕格模板

我正在尝试使用Angular2,打字稿,手写笔(用于css)和pug(用于html模板)构建应用程序.

但是,我无法使用Angular2 Universal.

问题是我使用ts节点来运行我的服务器代码,每当我导入我的App组件时,都会发生错误.

server.ts(node / express)：

import 'angular2-universal/polyfills';

import * as path from 'path';
import * as express from 'express';
import * as bodyParser from 'body-parser';


// Angular 2 Universal
import {
  provide,enableProdMode,expressENGIne,requEST_URL,ORIGIN_URL,BASE_URL,NODE_ROUTER_PROVIDERS,NODE_http_PROVIDERS,ExpressENGIneConfig
} from 'angular2-universal';

// Application
import {App} from './app/modules/app';

发生错误：

app.ts

import {Component,ViewEncapsulation} from '@angular/core';
import {RouteConfig,Router,ROUTER_DIRECTIVES} from '@angular/router-deprecated';

import {HomE} from '../home';


/*
 * App Component
 * Top Level Component
 */
@Component({
  SELEctor:      'app',pipes:         [ ],providers:     [ ],directives:    [ ],encapsulation: ViewEncapsulation.None,styles:        [
    require('./app.styl')
  ],template: require('./app.pug')
})

app.styl

input
  margin-bottom: 10px

另一种方法是运行构建代码(由webpack生成).但是我怎么能这样做,因为代码是由webpackjsonp函数包装的.

function compile(template:string)
{
      pug.compile(template,{});
}

//component deFinition
template: compile(require('template.pug'))