javascript - descargar - popper.js en bootstrap 4 le da a SyntaxError una exportación de token inesperada
descargar bootstrap (4)
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?
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
.
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>
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.
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