Skip to main content
se añadieron 341 caracteres en el cuerpo
Origen Enlace

Estoy tratando de comprimir todas las dependencias de una plantilla que tiene bootstrap 5 y estoy usando vite para ellos cuando ejecuto npm run dev no me da ningun problema pero cuando hago el npm run build me da el siguiente error.

(function(o, ue) {
    typeof nn == "object" && typeof Et < "u" ? Et.exports = ue(require("@popperjs/core")) : typeof define == "function" && define.amd ? define(["@popperjs/core"], ue) : (o = typeof globalThis < "u" ? globalThis : o || self).bootstrap = ue(o.Popper)
}

Tengo lo siguientes archivos para las importaciones globales llamado dependencies.js que tiene lo siguiente :

import $ from 'jquery';
import Swal from 'sweetalert2';
import toastr from 'toastr';
import axios, {isCancel, AxiosError} from 'axios';
import { initAxios } from './js/custom_actions.js';

window.$         = window.jQuery = $;
window.axios     = axios;
window.Swal      = Swal;
window.toastr    = toastr;
window.initAxios = initAxios;

y otro archivo llamado app.js donde llamo las dependencias globales y además las archivos que necesita la plantilla que es lo siguiente:

import './dependencies.js';

import './js/popper.min.js';
import './js/bootstrap.min.js';
import './js/DataTables.js';
import './js/DataTables.bootstrap.js';
import './js/DataTables.responsive.js'
import './js/responsive.bootstrap.js';
import './js/nifty.js';
import './js/demo-purpose-only.js';
import './js/jquery.autocomplete.js';
import './js/select2.min.js';
import './js/flatpickr.js';
import './js/bootstrap-datepicker.min.js';

import "./app.css";

y el archivo vite.conf.js lo tengo de esta forma:

introducir la descripción de la imagen aquí

esta es el codigo de mi plantilla base:

<!DOCTYPE html>
<html lang="es">
<head>
    {% block css %}
        {{ vite_entry_link_tags('app') }}
        {{ vite_entry_script_tags('app') }}
    {% endblock %}
</head>

estoy usando el paquete de pentatrion/vite-bundle en symfony para el manejo de vite

Estoy tratando de comprimir todas las dependencias de una plantilla que tiene bootstrap 5 y estoy usando vite para ellos cuando ejecuto npm run dev no me da ningun problema pero cuando hago el npm run build me da el siguiente error.

(function(o, ue) {
    typeof nn == "object" && typeof Et < "u" ? Et.exports = ue(require("@popperjs/core")) : typeof define == "function" && define.amd ? define(["@popperjs/core"], ue) : (o = typeof globalThis < "u" ? globalThis : o || self).bootstrap = ue(o.Popper)
}

Tengo lo siguientes archivos para las importaciones globales llamado dependencies.js que tiene lo siguiente :

import $ from 'jquery';
import Swal from 'sweetalert2';
import toastr from 'toastr';
import axios, {isCancel, AxiosError} from 'axios';
import { initAxios } from './js/custom_actions.js';

window.$         = window.jQuery = $;
window.axios     = axios;
window.Swal      = Swal;
window.toastr    = toastr;
window.initAxios = initAxios;

y otro archivo llamado app.js donde llamo las dependencias globales y además las archivos que necesita la plantilla que es lo siguiente:

import './dependencies.js';

import './js/popper.min.js';
import './js/bootstrap.min.js';
import './js/DataTables.js';
import './js/DataTables.bootstrap.js';
import './js/DataTables.responsive.js'
import './js/responsive.bootstrap.js';
import './js/nifty.js';
import './js/demo-purpose-only.js';
import './js/jquery.autocomplete.js';
import './js/select2.min.js';
import './js/flatpickr.js';
import './js/bootstrap-datepicker.min.js';

import "./app.css";

y el archivo vite.conf.js lo tengo de esta forma:

introducir la descripción de la imagen aquí

Estoy tratando de comprimir todas las dependencias de una plantilla que tiene bootstrap 5 y estoy usando vite para ellos cuando ejecuto npm run dev no me da ningun problema pero cuando hago el npm run build me da el siguiente error.

(function(o, ue) {
    typeof nn == "object" && typeof Et < "u" ? Et.exports = ue(require("@popperjs/core")) : typeof define == "function" && define.amd ? define(["@popperjs/core"], ue) : (o = typeof globalThis < "u" ? globalThis : o || self).bootstrap = ue(o.Popper)
}

Tengo lo siguientes archivos para las importaciones globales llamado dependencies.js que tiene lo siguiente :

import $ from 'jquery';
import Swal from 'sweetalert2';
import toastr from 'toastr';
import axios, {isCancel, AxiosError} from 'axios';
import { initAxios } from './js/custom_actions.js';

window.$         = window.jQuery = $;
window.axios     = axios;
window.Swal      = Swal;
window.toastr    = toastr;
window.initAxios = initAxios;

y otro archivo llamado app.js donde llamo las dependencias globales y además las archivos que necesita la plantilla que es lo siguiente:

import './dependencies.js';

import './js/popper.min.js';
import './js/bootstrap.min.js';
import './js/DataTables.js';
import './js/DataTables.bootstrap.js';
import './js/DataTables.responsive.js'
import './js/responsive.bootstrap.js';
import './js/nifty.js';
import './js/demo-purpose-only.js';
import './js/jquery.autocomplete.js';
import './js/select2.min.js';
import './js/flatpickr.js';
import './js/bootstrap-datepicker.min.js';

import "./app.css";

y el archivo vite.conf.js lo tengo de esta forma:

introducir la descripción de la imagen aquí

esta es el codigo de mi plantilla base:

<!DOCTYPE html>
<html lang="es">
<head>
    {% block css %}
        {{ vite_entry_link_tags('app') }}
        {{ vite_entry_script_tags('app') }}
    {% endblock %}
</head>

estoy usando el paquete de pentatrion/vite-bundle en symfony para el manejo de vite

Origen Enlace

Uncaught ReferenceError: require is not defined en vite cuando se hace npm run build

Estoy tratando de comprimir todas las dependencias de una plantilla que tiene bootstrap 5 y estoy usando vite para ellos cuando ejecuto npm run dev no me da ningun problema pero cuando hago el npm run build me da el siguiente error.

(function(o, ue) {
    typeof nn == "object" && typeof Et < "u" ? Et.exports = ue(require("@popperjs/core")) : typeof define == "function" && define.amd ? define(["@popperjs/core"], ue) : (o = typeof globalThis < "u" ? globalThis : o || self).bootstrap = ue(o.Popper)
}

Tengo lo siguientes archivos para las importaciones globales llamado dependencies.js que tiene lo siguiente :

import $ from 'jquery';
import Swal from 'sweetalert2';
import toastr from 'toastr';
import axios, {isCancel, AxiosError} from 'axios';
import { initAxios } from './js/custom_actions.js';

window.$         = window.jQuery = $;
window.axios     = axios;
window.Swal      = Swal;
window.toastr    = toastr;
window.initAxios = initAxios;

y otro archivo llamado app.js donde llamo las dependencias globales y además las archivos que necesita la plantilla que es lo siguiente:

import './dependencies.js';

import './js/popper.min.js';
import './js/bootstrap.min.js';
import './js/DataTables.js';
import './js/DataTables.bootstrap.js';
import './js/DataTables.responsive.js'
import './js/responsive.bootstrap.js';
import './js/nifty.js';
import './js/demo-purpose-only.js';
import './js/jquery.autocomplete.js';
import './js/select2.min.js';
import './js/flatpickr.js';
import './js/bootstrap-datepicker.min.js';

import "./app.css";

y el archivo vite.conf.js lo tengo de esta forma:

introducir la descripción de la imagen aquí