2017-06-07 13 views
1

私はこの非常に単純な平均スタックアプリケーションを作成しようとしていますが、インデックスページにリダイレクトされているときにキャッチされていない参照エラーが発生しています。サーバーは正常に動作しています。ブラウザはインデックスページのようにテキスト(Loading ..)を表示しています。しかし、カスタムタグがapp.component.tsのセレクタと一緒に移動し、「My First Angular App」を印刷する必要があるため、それはありません。代わりにコンソールで「アプリが定義されていません」と言っています。角度:Uncaught ReferenceError:appが定義されていません

誰でも手助けできますか?私はまったく新しいです&角、親切に精巧です。何か(または多くの)ものがあれば私の愚かな間違いを許してください。

これは、これは私のapp.component.ts

import { Component } from '@angular/core'; 
@Component({ 
selector: 'my-app', 
template: 'My First Angular App' 
}) 
export class AppComponent { } 

私のindex.js

var express = require('express'); 
var router = express.Router(); 

router.get('/', function(req, res, next){ 
res.render('index.html'); 
}); 

module.exports = router; 

、最終的に私のserver.js(である私のindex.html

<html> 
<head> 
<title>MyTaskList</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/core-js/client/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> 

です出発点)

var express = require('express'); 
var path = require('path'); 
var bodyParser = require('body-parser'); 

var index = require('./routes/index'); 
var tasks = require('./routes/tasks'); 

var port = 3000; 

var app = express(); 

app.set('views', path.join(__dirname, 'views')); 
app.set('view engine','ejs'); 
app.engine('html', require('ejs').renderFile); 
app.use(express.static(path.join(__dirname, 'client'))); 
app.use(bodyParser.json()); 
app.use(bodyParser.urlencoded({extended: false})); 

app.use('/', index); 
app.use('/api', tasks); 

app.listen(port, function(){ 
console.log('Server started on port '+port); 
}); 
+0

アプリを引用符で囲むことはできますか?そしておそらく、あなたのアプリケーションファイルはルートディレクトリにありません。 – Wernerson

+0

@Wernerson:ありがとうございます。それは働いた(引用符でアプリを入れて)。考えなかった、それが理由かもしれない。 –

+0

私はあなたが私の答えをupvoteし、受け入れてマークすることができたら嬉しいだろう:) – Wernerson

答えて

2

appを引用符で囲みます.Javascriptはappが変数だと考えているので実際には文字列にする必要があるためです。

関連する問題