Que dois-je faire si le chemin de génération de réaction est incorrect ?

Solution au chemin de construction de réaction incorrect : 1. Recherchez "node_modules -> réagissez-scripts -> config -> paths.js"; 2. Modifiez le contenu en "envPublicUrl || (publicUrl ? url.parse(publicUrl ).pathname : './');"; 3. Recompilez et emballez simplement.

L'environnement d'exploitation de ce tutoriel : système Windows 10, React version 18.0.0, ordinateur Dell G3.

Que dois-je faire si le chemin de construction de réaction est incorrect ?

Une fois le projet React construit, le chemin du fichier de ressources est incorrect ou une page vierge s'ouvre et le problème et la solution simple

Trouver node_modules ->

function getServedPath(appPackageJson) {
  const publicUrl = getPublicUrl(appPackageJson);
  const servedUrl =
    envPublicUrl || (publicUrl ? url.parse(publicUrl).pathname : '/');//改成'./'
  return ensureSlash(servedUrl, true);
}

à

function getServedPath(appPackageJson) {
  const publicUrl = getPublicUrl(appPackageJson);
  const servedUrl =
    envPublicUrl || (publicUrl ? url.parse(publicUrl).pathname : './');
  return ensureSlash(servedUrl, true);
}

Recompilez et emballez simplement

Ou un moyen plus simple consiste à ajouter la phrase suivante à votre package.json

“homepage”: “.”,

Cela garantira que tous les chemins d'actifs sont relatifs à index.html

afin que l'application déplace http de celui-ci : //mywebsite.com vers http://mywebsite.com/relativepath ou même http://mywebsite.com/relative/path sans reconstruire.

Si vous n'utilisez pas l'API d'historique HTML5 pushState ou n'utilisez pas du tout le routage côté client, il n'est pas nécessaire de spécifier l'URL de votre application.

Si le chemin de la ressource est toujours erroné, le framework recat peut utiliser le routage BrowserRouter, ce qui empêchera le navigateur d'accéder à la configuration de routage correspondante. Ce routage est un peu problématique. Vous pouvez remplacer le HashRouter pour résoudre le problème. de chemins de ressources vides ou incorrects

Apprentissage recommandé : "

Tutoriel vidéo React

"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!