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

30/03/2021

0

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

Responder

Que tal ter acesso a um e-book gratuito que vai te ajudar muito nesse momento decisivo?

Ver ebook

Recomendado pra quem ainda não iniciou o estudos.

Eu quero
Ver ebook

Recomendado para quem está passando por dificuldades nessa etapa inicial

Eu quero

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar