ERRO GET http://localhost:2000/js/scripts/clienteController net::ERR_ABORTED 404 (Not Found)

HTML

Node.js

JavaScript

Express

JavaScript Web

30/03/2021

Gente, boa noite, sou iniciante em JS e estou com um dúvida que está me deixando de cabelo em pé. Já procurei em vários sites e todas as soluções não me serviram.

O problema é o seguinte.

Ao acessar a rota, me aparece o seguinte erro.

"GET http://localhost:2000/js/scripts/clienteController net::ERR_ABORTED 404 (Not Found)" em um arquivo HTML, outro arquivo HTML que utiliza o mesmo script funciona normal.



Segue a aplicação. O arquivo app que iniciar o server.

app.set('view engine','ejs')
app.use(cors())
app.use(express.static('public'));
app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json()); //accepting json
app.use("/",clienteController)


agora o arquivo que controla as rotas

const express = require("express");
const router = express.Router();


router.get("/cliente",(req, res) => {
        res.render("admin/clientes/index")
        
    });

router.get("/cliente/novo",(req,res)=>{
    res.render("admin/clientes/new")
})   


Agora o arquivo HTML em que o script funciona normal, esse arquivo é index que é referenciado na rota /cliente

<body>
            <br>
            <div class="container">

                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>Nome</th>
                            <th>Telefone</th>
                        </tr>
                    </thead>
                    <tbody id="tabelaCliente"></tbody>
                </table>

              
               <a href="/cliente/novo" id="btnCadastrar" class="btn btn-success" title="Clique para cadastar novo cliente">Cadastrar novo Cliente</a>

            </div>
             

        </body>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.18.0/axios.min.js"></script>
        <script type="text/javascript" src="js/scripts/clienteController.js"></script>


e agora o arquivo que está com erro na tag "<script>" esse é o arquivo new que é referenciado na rota /cliente/novo

<body>
<div class="container">
<br>
<br>
  <div class="card">
    <div class="card-header">
        <h2>Cadastro novo cliente</h2>
    </div>
    <div class="card-body">
        <form method="POST" action="/cliente/salvar">
            <input class="form-control" type="text" name="name[nome_clientes]" placeholder="Nome "></br>
            <input class="form-control" type="text" name="lastName[nome_clientes]" placeholder="Sobrenome"></br>
            <textarea class="form-control" placeholder="Telefone" name="telephone[telefone]"></textarea><br>
          
            <button class="btn btn-success">Cadastrar</button>
        </form>
    </div>
    </div>
</div>
  
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.18.0/axios.min.js"></script>
<script type="text/javascript" src="js/scripts/clienteController"></script>


A dúvida é, por que ocorre erro no arquivo new e por que não ocorre no arquivo index? E como resolver?

Grato.
Gabriel

Gabriel

Curtidas 0
POSTAR