javascript - descargar - popper.js en bootstrap 4 le da a SyntaxError una exportación de token inesperada

descargar bootstrap

Question

Intenté instalar bootstrap 4, e incluí los siguientes enlaces

<script src="libs/jquery/dist/jquery.min.js"></script>
<script src="libs/tether/dist/js/tether.min.js" ></script>
<script src="libs/popper.js/dist/popper.js"></script>
<script src="libs/bootstrap/dist/js/bootstrap.min.js" ></script>

Pero se produce el siguiente error:

Untaught syntaxError: exportación de token inesperada

¿Alguna idea para solucionarlo?

Answer 1

Acabo de recibir esto también y pensé por qué sucede realmente. En caso de que otros pasen por aquí:

Compruebe el readme.md "Uso". La biblioteca está disponible en tres versiones para tres cargadores de módulos diferentes. En resumen: si lo carga con la etiqueta <script> entonces debe usar la versión UMD . Lo puedes encontrar en /dist/umd . El valor predeterminado (en /dist ) es el ESNext (ECMA-Script) que no se puede cargar utilizando la etiqueta de script .

Answer 2

Bootstrap 4 requiere la versión UMD de popper.js y asegúrese de que el orden sea el siguiente:

<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="~/Scripts/jquery-3.0.0.min.js"></script>
<script src="~/Scripts/umd/popper.min.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>

Answer 3

Encontré el mismo problema si uso popper.js de la red CDN como cdnjs .

Si observa el código fuente de los ejemplos de Bootstrap 4 como, por ejemplo, Navbar , puede ver que popper.min.js se carga desde:

<script src="https://getbootstrap.com/assets/js/vendor/popper.min.js"></script>

Incluí eso en mi proyecto y el error desapareció. Puede descargar el código fuente de https://getbootstrap.com/assets/js/vendor/popper.min.js e incluirlo en su proyecto como un archivo local y debería funcionar.

Answer 4

Tiene el siguiente código en Bundle Config bundles.Add (new ScriptBundle ("~ / bundles / jquery"). Include ("~ / Scripts / jquery- {version} .js"));

 bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
"~/Scripts/jquery.validate*"));
// Use the development version of Modernizr to develop with and learn from. Then, when you''re
// ready for production, use the build tool at https://modernizr.com to pick only the tests you need.
bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
"~/Scripts/modernizr-*"));
bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
"~/Scripts/umd/popper.min.js",
"~/Scripts/bootstrap.js",
"~/Scripts/respond.js"));

siguiente código en diseño html

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

Esto funciono para mi