Я довольно новый в jade, в моем node.js проект, не загружается внешний файл js и css. Я использую Джейд как двигатель шаблона, bower_component, angular.js в яваскрипте MVC, самозагрузке для рамок CSS и Cloud9 в качестве редактора. Мой код приведен ниже:не загружается js/css файл в jade
Мой Структура проекта ::
-jobproject
|----node_modules
|-- bower
|-- express
|-- jade
|---public
|--- app
|-- app.js
|--- bower_components
|-- angular
|-- angular.js
|-- bootstrap
|-- dist/css/bootstrap.min.css
|-- jquery
|-bower.json
|-index.jade
|-package.json
|-README.md
|-server.js
В server.js файл ::
var express = require("express");
var app = express();
app.set('views', __dirname);
app.set('view engine', 'jade'); // jade view engine
app.use(express.static(__dirname + '/public'));
app.get('*', function(req, res) {
res.render('index.jade');
});
app.listen(process.env.PORT, process.env.IP); // default cloud9 port
В index.jade ::
link(rel="stylesheet", href="bower_conponents/bootstrap/dist/css/bootstrap.min.css")
script(type='text/javascript', src='bower_conponents/angular/angular.js')
script(type='text/javascript', src='/app/app.js')
body(ng-app='app')
div(ng-controller='testCtrl')
div {{ test }}
span(class='btn btn-primary') hello world
В app.js ::
angular.module('app', []);
angular.module('app').controller('testCtrl', function($scope) {
$scope.test = 'working';
})
В окне браузера:
{{ test }} <!-- should be "working"
hello world <!-- show be bootstrap button style, but only plain text -->
В окне консоли:
angular.js:1 Uncaught SyntaxError: Unexpected token <
app.js:1 Uncaught ReferenceError: angular is not defined