2016-08-16 2 views
3

Я пытаюсь подключить бэкэнд к моему угловому 2-мя приложениям. У меня есть файл Server.js, который захватывает мой index.html, но я получаю ошибку в моем System.import('app').catch(function(err){ console.error(err) }); в моей index.htmlУгловая 2, включающая проблему со стеком MEAN

ошибка

SCRIPt5009: 'System' is undefined 

index.html

<html> 
<head> 
<base href="/"> 
<title>LGR</title> 
<meta charset="UTF-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" /> 
<link rel="stylesheet" href="./app/css/lgr.css"> 
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script> 
<!-- 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) }); <----ERROR HERE! 
</script> 

</head> 
<!-- 3. Display the application --> 
<body> 
<my-app>Loading...</my-app> 
</body> 
</html> 

server.js

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

var app = express(); 
var path = require('path'); 

mongoose.connect('mongodb://localhost:27017/LGR_db'); 

app.use('app', express.static(__dirname + "/app")); 
app.use('node_modules', express.static(__dirname + "/node_modules")); 



app.get('/', function (req, res) { 
res.sendFile(path.join(__dirname, '../LGR', 'index.html')); 
}); 


app.listen('3000', function() { 
console.log("Server is running on localhost:3000"); 
}); 

Я довольно потерян здесь, и любая помощь будет замечательной. Думаю, я не понимаю, как «определить» систему?

изменения: добавлена ​​структура папок

enter image description here

выход Сеть

enter image description here

+0

Можете ли вы показать структуру файла вашего проекта? Похоже, что он не находит файл systemjs.config.js. – Scrambo

+0

@Scrambo добавлена ​​структура папки – Bean0341

+0

Когда вы пытаетесь запустить приложение, можете ли вы оказать мне услугу и посмотреть на трассировку сети в инструментах разработчика? Делает что-нибудь 404 при попытке загрузить веб-страницу изначально? У меня есть теория, что либо файлы 'systemjs.config.js', либо' .ts'/'.js' будут 404. – Scrambo

ответ

1

Я бы сказал, это потому, что вы отправляете файл index.html специально, и делать статические служат для вещей в /app. Если файл systemjs.config.js находится в папке /app и указан в index.html как src='/app/systemjs.config.js', он может работать.

- РЕДАКТИРОВАТЬ: Все еще не уверенность в 100% в чем проблема. Я делал все, что мы обсуждали в нем, и ничего больше. Рад, что он работает!

+0

, все еще получая ошибку: \ – Bean0341

+0

Я помню, что в прошлом были проблемы с '__dirname' (это было не то, что я ожидал). Можете ли вы записать это ('console.log()') и убедиться, что полный путь затем будет в нужном месте? Я помню, что нужно некоторое время играть с экспрессом, чтобы заставить его обслуживать статические файлы, в которых они были нужны. –

+0

Вы могли бы быть более конкретным? Я не получаю никакого вывода журнала из console.log (__ dirname) – Bean0341

Смежные вопросы