Description
I am attempting to integrate BootstrapVueNext into my project with Laravel Mix and Webpack. My goal is to automatically register components, such as , using unplugin-vue-components and the BootstrapVueNextResolver. Unfortunately, I'm encountering issues with component registration; it doesn't appear as expected in the application.
My aim is to seamlessly register BootstrapVueNext components within a Webpack-based environment utilizing unplugin-vue-components. Specifically, I'm encountering challenges with the component, which is not rendering correctly and instead appears as an internal setup component (<b-table.vue_vue_type_script_setup_true_lang-utb_-uze-e>).
I have attempted several solutions including:
Ensuring unplugin-vue-components is correctly configured with BootstrapVueNextResolver in both development and production within webpack.mix.js.
Importing BootstrapVueNextResolver from unplugin-vue-components/resolvers.
Verifying that all necessary packages are installed: BootstrapVueNext, Vue, Laravel Mix, and unplugin-vue-components.
Adjusting Webpack configurations to include all necessary extensions and loaders.
There are no explicit error messages during the build process, but the component is not being recognized as expected, instead rendering as <b-table.vue_vue_type_script_setup_true_lang-utb_-uze-e>.
Environment:
Package Version: BootstrapVueNext 0.26.25
Npm Version: npm 7.24.0
mix.webpackConfig({
plugins: [
Components({
resolvers: [BootstrapVueNextResolver()],
}),
],
output: {
chunkFilename: 'js/[name].[contenthash].js?id=[chunkhash]',
}
});