Cannot include jQuery and Bootstrap

Question

I installed jQuery and Bootstrap with Bower.

I got this error

syntaxerror: expected expression, got '<' <!doctype html> jquery

My code

<script src="../bower_components/jquery/dist/jquery.min.js"></script>
<script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

There is my folder structure

http://laravel.io/bin/d9MnD

I also tried to put the code in head, but did not work

Here is my server data

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

app
    .use(express.static('./public'))
    .get('*', function (req, res) {
        res.sendfile('public/main.html');
    })
    .listen(3000);

for starters the order is wrong. Also seems like path to jQuery is wrong and server is returning html — charlietfl
– charlietfl, Commented May 27, 2016 at 23:54
seems to be fine though, have you tried by including jquery first then, bootstrap? — narainsagar
– narainsagar, Commented May 28, 2016 at 0:04
I fixed it. It is 2 a.m. now. Still getting the same error @narainsagar — Magneto10
– Magneto10, Commented May 28, 2016 at 0:13

CoolLife · Accepted Answer · 2016-05-28 00:23:33Z

1

I use this on server.js:

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

now in anything place I can use this and work fine, example:

<script type="text/javascript" src="/bower_components/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

with this you call directly to the folder

answered May 28, 2016 at 0:23

CoolLife

1,4895 gold badges19 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Cannot include jQuery and Bootstrap

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related