Unable to open angular build application from node server

Question

I built an app on angular 6 and directly able to open index.html from dist folder but when i tried it opening from my node server, error is coming in console as:

Uncaught SyntaxError: Unexpected token <
polyfills.js:1 Uncaught SyntaxError: Unexpected token <
styles.js:1 Uncaught SyntaxError: Unexpected token <
vendor.js:1 Uncaught SyntaxError: Unexpected token <
main.js:1 Uncaught SyntaxError: Unexpected token <

with line 1 as < ! doctype html >

server.js

const express = require('express');
const path = require('path');
const app = express();
app.use(express.static(path.join(__dirname,'dist')));
app.get('*',(req,res)=>{
    res.sendFile(path.join(__dirname,'dist/ang-node/index.html'));
});

const port = process.env.PORT || 4000;

app.listen(port,(req,res)=>{
    console.log(`server started on port ${port} `);
});

Your app is sending back index.html when the browser is requesting your javascript files. Take a look at stackoverflow.com/questions/26349497/… — user184994
– user184994, Commented Aug 24, 2018 at 3:23
index.html will come on the sendFile request, in the middleware i am passing the static path of the parent directory. The file is getting up in the sources but in the console some errors are coming. — anshul goel
– anshul goel, Commented Aug 24, 2018 at 5:12

Janith · Accepted Answer · 2018-08-24 06:36:04Z

0

As your error you may not configured the right public directory for the angular, Try this,

const express = require('express');
const path = require('path');
const app = express();
app.use(express.static(path.join(__dirname,'dist/ang-node/public'))); // <== correct public directory here
app.get('*',(req,res)=>{
    res.sendFile(path.join(__dirname,'dist/ang-node/index.html')); // <== Make sure this is dist/ang-node not dist
});

const port = process.env.PORT || 4000;

app.listen(port,(req,res)=>{
    console.log(`server started on port ${port} `);
});

edited Aug 24, 2018 at 6:36

answered Aug 24, 2018 at 5:59

Janith

2,92818 silver badges28 bronze badges

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

Collectives™ on Stack Overflow

Unable to open angular build application from node server

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related