El mensaje de error de la consola es como debajo de esta declaración
script5017 syntax error in regular expression chunk-vendors.js (96290,5)
chunk-vendors.js
!*** ./node_modules/core-js/modules/es.regexp.constructor.js ***! ... result = inheritIfRequired(NativeRegExp(pattern, flags), thisIsRegExp ? this : RegExpPrototype, RegExpWrapper); // line 96290 ...
principal.js
import 'core-js/stable' import "core-js/es/symbol"; import 'regenerator-runtime/runtime' import 'intersection-observer' // Optional import Vue from 'vue' import App from './App.vue' import { BootstrapVue, IconsPlugin } from 'bootstrap-vue' // fontawesome 6.1.1 import { library } from '@fortawesome/fontawesome-svg-core' import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome' import { fas } from '@fortawesome/free-solid-svg-icons'; import { far } from '@fortawesome/free-regular-svg-icons'; // Import Bootstrap an BootstrapVue CSS files (order is important) import 'bootstrap/dist/css/bootstrap.css' import 'bootstrap-vue/dist/bootstrap-vue.css' // Make BootstrapVue available throughout your project Vue.use(BootstrapVue) // Optionally install the BootstrapVue icon components plugin Vue.use(IconsPlugin) Vue.component('font-awesome-icon', FontAwesomeIcon) Vue.config.productionTip = false new Vue({ router, render: h => h(App), }).$mount('#app') library.add( fas, far )
También uso BootstrapVue
. Siento que a veces BootstrapVue
crea algunos conflictos con fortawesome
. A veces no se carga bien cuando utilicé BootstrapVue
incluso en Chrome. Así que agregué la declaración al respecto en esta fuente
De todos modos, no sé por qué js no está cargado por el error del script 5017. ¿Puede ser un error core-js
o un error de BootstrapVue
?
solía
@fortawesome/fontawesome-common-types
6.1.1
@fortawesome/vue-fontawesome
2.0.6
core-js
3.20.2
bootstrap
4.6.1
bootstrap-vue
2.21.2
Parece que está utilizando Font Awesome 6, que ya no es compatible con IE11 .
Podrías cambiar a Font Awesome 5, que hace .
Su package.json
debería verse así:
{ "devDependencies": { "@fortawesome/fontawesome-svg-core": "1.2.36", "@fortawesome/free-regular-svg-icons": "^5.15.4", "@fortawesome/vue-fontawesome": "^0.1.10", }, "resolutions": { "@fortawesome/fontawesome-svg-core": "1.2.36" } }
Luego actualice con yarn
o npm i
.
Tenga en cuenta las versiones "core" <1.3
+ *-icons =5.15.4
+ vue-fontawesome <1
, que corresponden a "Font Awesome <6", por lo que pude ver.
Es posible que la parte de las resolutions
no sea necesaria, pero me costó mucho convencer a yarn para que bajara de categoría a menos de 1.3.0
, por el motivo que sea.
Es posible que desee comprobar node_modules/@fortawesome/fontawesome-svg-core/package.json
para confirmar la versión instalada.
El problema es, de hecho, la falta de soporte para Unicode RegExes en IE11 , en el que se basa Font Awesome 6.
Pasé algún tiempo tratando de hacer que funcionara con @babel/plugin-proposal-unicode-property-regex
sin éxito.