inertiajs-tables-laravel-query-builder
inertiajs-tables-laravel-query-builder copied to clipboard
v2.1.0 is causing error with popper.js
i suppose it's linked to popperjs being now merged into floating-ui
ERROR in ./node_modules/@protonemedia/inertiajs-tables-laravel-query-builder/dist/inertiajs-tables-laravel-query-builder.es.js 2:0-68
Module not found: Error: Can't resolve '@popperjs/core/lib/popper-lite' in '/Users/olivm/Workspace/OraalgoNext/node_modules/@protonemedia/inertiajs-tables-laravel-query-builder/dist'
Did you mean 'popper-lite.js'?
BREAKING CHANGE: The request '@popperjs/core/lib/popper-lite' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '*.mjs' file, or a '*.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.
my package.json :
{
"private": true,
"scripts": {
"dev": "npm run development watch --hot",
"development": "mix",
},
"devDependencies": {
"@iconify/vue": "^3.2.1",
"@inertiajs/inertia": "^0.11.0",
"@inertiajs/inertia-vue3": "^0.6.0",
"@inertiajs/progress": "^0.2.6",
"@tailwindcss/forms": "^0.5.0",
"@tailwindcss/typography": "^0.5.0",
"@vue/compiler-sfc": "^3.0.5",
"axios": "^0.27",
"laravel-mix": "^6.0.6",
"lodash": "^4.17.19",
"postcss": "^8.4.14",
"postcss-import": "^14.0.0",
"resolve-url-loader": "^5.0.0",
"sass": "^1.53.0",
"tailwindcss": "^3.0.13",
"vue": "^3.0.5",
"vue-loader": "^17.0.0",
"vue-svg-loader": "^0.17.0-beta.2"
},
"dependencies": {
"@babel/plugin-syntax-dynamic-import": "^7.8.3",
"@csstools/postcss-sass": "^5.0.1",
"@fawmi/vue-google-maps": "^0.9.51",
"@flareapp/flare-vue": "^3.0.0",
"@flareapp/flare-webpack-plugin-sourcemap": "^1.1.3",
"@hcaptcha/vue3-hcaptcha": "^1.0.1",
"@headlessui/vue": "^1.4.2",
"@heroicons/vue": "^1.0.5",
"@iconify-icons/fa": "^1.2.2",
"@intlify/vue-i18n-loader": "^5.0.0",
"@kyvg/vue3-notification": "^2.3.4",
"@protonemedia/inertiajs-tables-laravel-query-builder": "^2.0.0",
"@tailwindcss/aspect-ratio": "^0.4.0",
"@tiptap/starter-kit": "^2.0.0-beta.190",
"@tiptap/vue-3": "^2.0.0-beta.96",
"@vuepic/vue-datepicker": "^3.0.0",
"@vueuse/core": "^9.0.0",
"camelcase": "^7.0.0",
"chokidar": "^3.5.3",
"dayjs": "^1.11.1",
"dotenv-webpack": "^8.0.0",
"filter-obj": "^5.0.0",
"husky": "^8.0.1",
"i18n-iso-countries": "^7.3.0",
"laravel-mix-bundle-analyzer": "^1.0.5",
"lint-staged": "^13.0.3",
"marked": "^4.0.17",
"maska": "^1.5.0",
"mix-env-file": "^0.1.1",
"pinia": "^2.0.12",
"sass-loader": "^13.0.1",
"v-perfect-signature": "^1.1.4",
"vue-clipboard3": "^2.0.0",
"vue-i18n": "^9.2.0-beta.30",
"vue-inline-svg": "^3.1.0",
"vue-json-pretty": "^2.0.6",
"vue-media-upload": "^1.1.3",
"vue-multiselect": "^3.0.0-alpha.2",
"vue-recaptcha": "^2.0.1",
"vue-slider-component": "^4.0.0-beta.4",
"vue-tel-input": "^6.0.0",
},
"lint-staged": {
"resources/**/*.{css,js}": [
"prettier --write"
],
"**/*.php": [
"./vendor/bin/pint"
]
}
}
reverting back to 2.0.* solved the issue
Are you using Mix / Webpack?
yes it's a pretty classic laravel-mix config
Same here, using laravel mix (Laravel 9), errors where fixed by using version 2.0.0, but had to add <Table :inertia="$inertia" to Table component as well, otherwise I get a runtime error.
Same here, using laravel mix (Laravel 8), errors where fixed by using version 2.0.0, but had to add <Table :inertia="$inertia" to Table component as well, otherwise I get a runtime error.
i have try using the v.2.0 but giving error same
this worked for me