javascript - Je voudrais vous demander que lorsque Webpack regroupe des images, elles ne peuvent pas être affichées sur la page. Avez-vous des questions sur le répertoire racine du site Web ?
黄舟
黄舟 2017-07-05 10:53:44
0
2
796

S'il vous plaît, donnez-moi quelques conseils, frère. Téléchargez d'abord les photos, d'abord le répertoire des fichiers :

Voici les informations de configuration de la partie image du webpack :

Le problème spécifique rencontré est le suivant : l'image ne peut pas être affichée et la console du navigateur signale une erreur indiquant que l'image est introuvable. J'ai vu dans le code de la console que le chemin de l'image est : http://localhost:3000/images/... ;
Parce que le contentBase défini avant le répertoire racine du site est /views, index.html y est également placé À ce stade, j'ai défini contentBase sur '/'. L'effet que je souhaite obtenir est de définir le répertoire racine au même niveau que le fichier de configuration du webpack. Index.html est également placé en dehors des vues, et l'image. Le dossier se trouve également dans le répertoire racine. Ensuite, j'ai changé le chemin de l'image en ./images/logo.png, mais lorsque j'ai ouvert la page du navigateur, je ne l'ai pas trouvé
À ce moment-là, j'ai bloqué la base de contenu et l'index ; .html était toujours à l'extérieur, mais je ne l'ai toujours pas trouvé. . .
Nous avons donc rencontré une contradiction :
Si les vues et les images du répertoire racine sont au même niveau, alors les images ne seront pas affichées (je suppose personnellement que les images ne sont pas empaquetées dans le répertoire racine), mais lors de l'ajustement de contentBase , je veux mettre les images dans le répertoire racine, mais je ne l'ai pas obtenu, et je ne sais pas comment l'obtenir ?

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

répondre à tous(2)
伊谢尔伦

//引入图片的姿势不正确,不可以直接这样 ‘../images/...‘;
//要么 
import logo from ‘../images/logo.png’;
<img src={logo} alt=""/>

要么 
<img src={require('../images/logo.png')} alt=""/>

//以上两种随便选
为情所困

Vérifiez votre paramètre publicPath, il est généralement défini sur le répertoire racine «/»

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal