web-dev-qa-db-fra.com

Impossible d'installer le package de nuget de bootstrap 4 (beta) sur .Net MVC (.Net version 4.6.2)

Je ne parviens pas à installer bootstrap 4(beta) sur mon projet MVC. Pour être précis, la dépendance de nuget popper.js ne parvient pas à installer. S'il vous plaît laissez-moi savoir tout moyen possible de le faire (bower installer est toujours un moyen mais je veux aller avec nuget)

Impossible d'installer le package 'popper.js 1.11.0'. Vous essayez de Installez ce paquet dans un projet qui cible '.NETFramework, Version = v4.6.2', mais le package ne contient aucun fichier Les références d'assemblage ou les fichiers de contenu compatibles avec cela cadre. Pour plus d'informations, contactez l'auteur du package.

nugetbootstrap-4popper.js
14
Debananda

J'ai finalement réussi à faire fonctionner Bootstrap 4-Beta en procédant comme suit:

1.) Installez le paquetage V1.12.3 de NuGet popper.js 

2.) Installez le paquet Bootstrap4-beta NuGet

3.) Mettez à jour votre BundleConfig.cs pour inclure les éléments suivants: Notez le chemin popper.js 

bundles.Add(new ScriptBundle("~/Scrpts/Bootstrap").Include(
                             /*** Make sure popper.js is pointing to umd ***/
                             "~/Scripts/umd/popper.js", 
                             "~/Scripts/bootstrap.js",
                             ));

bundles.Add(new StyleBundle("~/CSS/Bootstrap").Include(
                            "~/Content/bootstrap.css"));

Pour une raison quelconque, si vous essayez d'utiliser le fichier popper.js à la racine du dossier \Scripts, vous recevrez le message d'erreur:

SyntaxError: export declarations may only appear at top level of a module

mais la version dans le /Scripts/umd semble fonctionner.

14
Andy Braham

Vous pouvez contourner ce problème en ajoutant manuellement le package popper.js à la configuration de vos packages.

<package id="popper.js" version="1.11.1" targetFramework="net462" />

Ensuite, vous pouvez aller dans le gestionnaire de paquets de nuget et installer normalement.

5
Alex Boutin Flegel

J'ai réussi à contourner ce problème en téléchargeant le dernier paquet popper.js (1.12.3 au moment de l'écriture) avant la mise à jour vers Bootstrap 4.0. 

Puis dans le bundles.config j'ai ajouté le popper js comme ceci

bundles.Add(new ScriptBundle("~/bundles/popper").Include(
                      "~/Scripts/umd/popper.js"));

La version umd est la seule qui a fonctionné pour moi, les autres ont donné une erreur de console de 

Export de jeton non reconnu

Assurez-vous simplement d'inclure le fichier popper js avant le fichier d'amorçage.

@Scripts.Render("~/bundles/popper")
@Scripts.Render("~/bundles/bootstrap")

J'ai également remarqué que cela cassait la majorité du modèle produit automatiquement car il était basé sur les versions précédentes de bootstrap. La barre de navigation disparaît presque complètement. J'ai réussi à réparer le mien en le remplaçant par le suivant, mais cela n'inclut aucun élément dans le menu mobile.

<div class="navbar navbar-expand-lg navbar-dark bg-dark">   
        <a class="navbar-brand" href="#">My Blog</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse">
            <ul class="navbar-nav">
                <li class="nav-item">@Html.ActionLink("Home", "Index", "Home", new { @class = "nav-link" })</li>
                <li class="nav-item">@Html.ActionLink("About", "About", "Home", new { @class = "nav-link" })</li>
                <li class="nav-item">@Html.ActionLink("Contact", "Contact", "Home", new { @class = "nav-link" })</li>
            </ul>                
        </div>        
    </div>

Je sais que cette question a quelques bonnes réponses, mais c’est la solution complète qui a fonctionné pour moi, alors j’ai pensé que je la partagerais dans l’espoir de ménager un peu de temps dans le futur.

2
Numli

Même problème ici ... J'ai créé un problème sur GitHub pour cela: https://github.com/FezVrasta/popper.js/issues/387

1
TrustNo_1

Avant d'installer le package à l'aide de NuGet, développez "Options" et modifiez le "Comportement des dépendances" en "Le plus élevé". Maintenant, lorsque vous installez le paquet, le dernier fichier popper.js sera installé en premier, ce qui permettra à Bootstrap de s’installer également.

Cela m'a évité d'installer Popper séparément.

1
Nick

Le package Popper.js NuGet a été cassé jusqu'à la version 1.12.2.
Bootstrap nécessite toujours la version 1.11.x, qui est malheureusement cassée.

Vous devriez attendre que Bootstrap ferme ce problème:
https://github.com/twbs/bootstrap/issues/23622

en attendant, vous pouvez suivre la suggestion de Rob Quincey .

1
Fez Vrasta

Je n'étais pas satisfait de tous les fichiers et dossiers, du code associé à TypeScript, ainsi que des messages NuGet et du débogueur fournis avec Popper. J'utilise donc des CDN, comme ceci:

@ Scripts.Render ("~/bundles/jquery")

    <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>

Jusqu'à présent, tout a bien fonctionné. 

0
JaneH

Encore une fois, pas un correctif, mais similaire au correctif de @Alex.

Je l'ai résolu en les installant séparément à l'aide de NuGet, donc commencez par installer popperjs (recherchez simplement popper dans le gestionnaire de paquets NuGet), puis installez Bootstrap 4. Il semble que l'erreur ci-dessus ne soit frappée que s'il doit être téléchargé en tant que dépendance . Très étrange.

0
Rob Quincey