Mesmo após realizar as alterações indicadas pelo instrutor o seguinte erro continuas a aparecer no console:
The resource from “http://localhost:3000/static/js/remove-livro.js” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff)
A rota para função de remoção é essa:
app.delete('/books/:id', (req, resp) => {
const bookDao = new BookDao(db);
const id = req.params.id
bookDao.remove(id)
.then(() => resp.status(200).end())
.catch(err => console.log(err))
});
O custom-express está da seguinte forma:
require('marko/node-require').install();
require('marko/express');
const express = require('express');
const bodyParse = require('body-parser');
const app = express();
app.use('/static', express.static('src/app/public'));
app.use(bodyParse.urlencoded({
extended: true
}));
const routes = require('../app/routes/routes');
routes(app);
module.exports = app;
O arquivo marko da página é o seguinte:
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1> Listagem de livros </h1>
<table>
<tr>
<td>ID</td>
<td>Título</td>
<td>Preço</td>
<td>Editar</td>
<td>Remover</td>
</tr>
<tr for(book in data.books)>
<td>${book.id}</td>
<td>${book.titulo}</td>
<td>${book.preco}</td>
<td><a href="#">Editar</a></td>
<td><a href="#" data-ref="${book.id}" data-type="remocao">Remover</a></td>
</tr>
</table>
<script src="/static/js/remove-livro.js"></script>
</body>
</html>
Agradeço a colaboração desde já =)