Git Product home page Git Product logo

laravel-filepond-vue-inertia-example's People

Contributors

rahulhaque avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

laravel-filepond-vue-inertia-example's Issues

Reorder files

Hi @rahulhaque ,

Thank you so much for this package. it really help us to apply laravel with filepond easily. I am facing issue which when I try to reorder images which are uploaded from the server it didn't work , do you have any idea how to implement it.

Thanks in advance.

Blank screen seen at /dashboard after login, with errors in console

Blank screen seen after login, with errors in console

Steps:

  1. Went through all the installation steps here: https://github.com/rahulhaque/laravel-filepond-vue-inertia-example#installation
  2. (In doing so, I updated the composer packages to get this repo working with laravel 10.x, see: #2)
  3. Logged into the app at http://localhost:8000/login with [email protected] / password
  4. I am taken to http://rahulhaque_laravel_filepond_vue_inertia_example.test/dashboard where I see a blank white screen, with the following error message in console:
GET http://localhost:3000/browser-sync/browser-sync-client.js net::ERR_CONNECTION_REFUSED
app.js:9055 [Vue warn]: Unhandled error during execution of setup function 
  at <Dashboard jetstream= {canCreateTeams: false, canManageTwoFactorAuthentication: true, canUpdatePassword: true, canUpdateProfileInformation: true, hasEmailVerification: false, …} auth= {user: {…}} errorBags= []  ... > 
  at <Inertia initialPage= {component: 'Dashboard', props: {…}, url: '/dashboard', version: '207fd484b7c2ceeff7800b8c8a11b3b6'} initialComponent= {__name: 'Dashboard', props: {…}, __file: 'resources/js/Pages/Dashboard.vue', setup: ƒ, render: ƒ, …} resolveComponent=fn<h>  ... > 
  at <App>
warn @ app.js:9055
logError @ app.js:9230
handleError @ app.js:9222
callWithErrorHandling @ app.js:9174
setupStatefulComponent @ app.js:16223
setupComponent @ app.js:16184
mountComponent @ app.js:14588
processComponent @ app.js:14554
patch @ app.js:14042
componentUpdateFn @ app.js:14697
run @ app.js:7804
instance.update @ app.js:14803
setupRenderEffect @ app.js:14811
mountComponent @ app.js:14601
processComponent @ app.js:14554
patch @ app.js:14042
componentUpdateFn @ app.js:14697
run @ app.js:7804
instance.update @ app.js:14803
setupRenderEffect @ app.js:14811
mountComponent @ app.js:14601
processComponent @ app.js:14554
patch @ app.js:14042
render @ app.js:15321
mount @ app.js:12832
app.mount @ app.js:18314
setup @ app.js:27121
(anonymous) @ app.js:10
Promise.then (async)
exports.createInertiaApp @ app.js:10
./resources/js/app.js @ app.js:27101
__webpack_require__ @ app.js:69720
(anonymous) @ app.js:69890
__webpack_require__.O @ app.js:69757
(anonymous) @ app.js:69892
(anonymous) @ app.js:69894
app.js:22910 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'name')
    at setup (app.js:22910:24)
    at callWithErrorHandling (app.js:9172:18)
    at setupStatefulComponent (app.js:16223:25)
    at setupComponent (app.js:16184:36)
    at mountComponent (app.js:14588:7)
    at processComponent (app.js:14554:9)
    at patch (app.js:14042:11)
    at ReactiveEffect.componentUpdateFn [as fn] (app.js:14697:11)
    at ReactiveEffect.run (app.js:7804:19)
    at instance.update (app.js:14803:51)

image

Update composer packages to get this repo working with laravel 10.x

Update composer packages to get this repo working with laravel 10.x

diff --git a/composer.json b/composer.json
index f4ba892..85fd00a 100644
--- a/composer.json
+++ b/composer.json
@@ -6,23 +6,23 @@
     "license": "MIT",
     "require": {
         "php": "^8.1",
-        "guzzlehttp/guzzle": "^7.2",
-        "inertiajs/inertia-laravel": "^0.5.2",
-        "laravel/framework": "^9.19",
-        "laravel/jetstream": "^2.7",
-        "laravel/sanctum": "^2.15",
+        "guzzlehttp/guzzle": "^7.8.0",
+        "inertiajs/inertia-laravel": "^0.6.8",
+        "laravel/framework": "^10.0",
+        "laravel/jetstream": "^4.0.1",
+        "laravel/sanctum": "^3.2.6",
         "laravel/tinker": "^2.7",
         "rahulhaque/laravel-filepond": "^1.8",
         "tightenco/ziggy": "^1.0"
     },
     "require-dev": {
-        "fakerphp/faker": "^1.9.1",
-        "laravel/pint": "^1.0",
-        "laravel/sail": "^1.0.1",
-        "mockery/mockery": "^1.4.4",
-        "nunomaduro/collision": "^6.1",
-        "phpunit/phpunit": "^9.5.10",
-        "spatie/laravel-ignition": "^1.0"
+        "fakerphp/faker": "^1.23.0",
+        "laravel/pint": "^1.11.0",
+        "laravel/sail": "^1.24.0",
+        "mockery/mockery": "^1.6.6",
+        "nunomaduro/collision": "^7.0",
+        "phpunit/phpunit": "*",
+        "spatie/laravel-ignition": "^2.3.0"
     },
     "autoload": {
         "psr-4": {

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.