Pessoal, boa tarde.
Estou começando um projeto apenas para estudo de laravel, porém estou obtendo erro na inicialização do bootstrap para execução de um "$("#modal").modal("show"), onde ao aplicar isso ele informa que o bootstrap não foi definido.
meu arquivos se encontram assim:
As chamadas do "alias" acontecem no meu app.css
vite.config.js:
import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import path from "path";
export default defineConfig({
plugins: [
laravel({
input: ['resources/css/app.css', 'resources/js/app.js'],
refresh: true,
}),
],
resolve: {
alias: {
'~bootstrap': path.resolve(__dirname, "node_modules/bootstrap/dist"),
"~bootstrapIcons": path.resolve(__dirname, "node_modules/bootstrap-icons/font"),
'@Components': "resources/components",
"~datatables": path.resolve(__dirname, "node_modules/datatables/media")
},
},
});
bootstrap.js:
import axios from "axios";
window.axios = axios;
window.axios.defaults.headers.common["X-Requested-With"] = "XMLHttpRequest";
import jQuery from "jquery";
window.$ = jQuery;
import DataTable from "datatables.net";
window.DataTable = DataTable;
import * as Popper from "@popperjs/core";
window.Popper = Popper;
quando faço a adesão do bootstrap no meu bootstrap.js dessa maneira:
import axios from "axios";
window.axios = axios;
window.axios.defaults.headers.common["X-Requested-With"] = "XMLHttpRequest";
import jQuery from "jquery";
window.$ = jQuery;
import * as bootstrap from 'bootstrap';
window.bootstrap = bootstrap;
import DataTable from "datatables.net";
window.DataTable = DataTable;
import * as Popper from "@popperjs/core";
window.Popper = Popper;
O erro é alterado para "this.config is undefined", não encontrei solução em foruns na internet.
OBS: as chamadas do Jquery, datatables estão funcionando normalmente e meu css do bootstrap também está em funcionamento, porém o js dele não estou conseguindo executar, alguém saberia me dizer como aplicar?
OBS: não tenho total certeza se estou executando as chamadas corretamente, porém foi a maneira que identifiquei e está funcionando.
Desde já, obrigado.