0
Dans mon projet, que je reçois l'erreur suivante lorsque vous tentez de référencer des fichiers CSS et JSImpossible de charger des ressources à partir bower_components à l'aide Vue.js CLI
Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:8080/bower_components/bootstrap/dist/css/bootstrap.min.css
C'est ma structure de fichier
app
|bower_components
|bootstrap
|dist
|css
| bootstrap.min.css
|jquery
|dist
|jquery.min.js
|build
|config
|node_modules
|src
|static
|index.html //The file I am receiving error on
public //using Slim framework with PHP to generate RESTful API
src
vendor
En mon fichier index.html J'utilise le code suivant pour tenter de référencer le fichier bootstrap.min.css
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Template</title>
<link rel="stylesheet" href="./bower_components/bootstrap/dist/css/bootstrap.min.css">
</head>
<body>
<div id="app"></div>
</body>
</html>
J'utilise Visual Studio Code, cela permet de pouvoir CTRL + cliquer sur le lien vers le fichier bootstrap.min.css et ça se charge bien, donc je ne sais pas où je me suis trompé ici?
J'utilise vue.js CLI que le dossier app et en utilisant le Slim Framework avec PHP pour générer une API RESTful dans les public/src/vendor dossiers si cela aide? Toute aide serait grandement appréciée.
Avez-vous essayé d'enlever le « ./ » du lien? – Aaron
@Aaron Oui, toujours en train de recevoir la même erreur. J'ai essayé avec juste utiliser vue.js CLI et ça marche, donc ça a certainement quelque chose à voir avec ça, mais je ne sais pas comment ... – mcclosa