Maison  >  Questions et réponses  >  le corps du texte

Parcel réécrit incorrectement les requêtes multimédias

<p>J'utilise actuellement Parcel 2.8.3 et @parcel/transformer-sass 2.8.3, mais j'ai quelques problèmes avec la façon dont je réécris les requêtes multimédias. Dans mes projets précédents utilisant Parcel, je n'ai eu aucun problème de ce type et tout était comme il se doit. </p> <p>Voici le fichier SASS : </p> <pre class="brush:php;toolbar:false;">h1 { La couleur rouge; } Écran @media uniquement et (largeur maximale : 40 em) { h1 { Couleur bleue; } }</pré> <p>Voici la sortie CSS : </p> <pre class="brush:php;toolbar:false;">h1 { La couleur rouge; } Écran @media uniquement et (largeur <= 40em) { h1 { couleur : #00f ; } }</pré> <p>Comme vous pouvez le constater, la requête multimédia dans le fichier CSS a été modifiée de largeur maximale à largeur <= 40em, ce qui ne fonctionne pas lorsqu'elle est affichée sur un téléphone mobile réel. </p> <p>Si j'utilise package-lock.json et package.json copiés à partir d'un projet vieux d'un mois, les requêtes multimédias sont réécrites comme elles devraient l'être. Comme indiqué ci-dessus, lors de l'exécution de <code> npm i Parcel & npm i @parcel/transformer-sass</code> pour mon nouveau projet, lorsque je lance le projet, toutes les requêtes multimédias changent comme dans le deuxième bloc de code affiché. Toute suggestion sera appréciée. </p>
P粉722521204P粉722521204437 Il y a quelques jours542

répondre à tous(1)je répondrai

  • P粉426780515

    P粉4267805152023-08-31 12:34:46

    J'ai trouvé une solution pour étendre la liste des navigateurs. Ajoutez ce qui suit à votre package.json :

    "browserslist": "> 0.5%, last 3 versions, not dead"

    Cela étendra les navigateurs pris en charge et devrait garantir qu'il n'est pas écrasé et que les anciens safaris peuvent le gérer.

    répondre
    0
  • Annulerrépondre