"Uncaught TypeError: n.detail is null" when clicking link

inertiajs / progress

This package adds an NProgress page loading indicator to your Inertia.js app.

MIT License

78 stars 10 forks source link

Closed timyourivh closed 3 years ago

timyourivh commented 3 years ago

Hello,

I added this to my Laravel Jetstream Inertia project:

// Loading indicator
import { InertiaProgress } from '@inertiajs/progress'
InertiaProgress.init()

Every time I click an inertia link i get this error:

Screenshot_117

The bar starts loading when clicking a link and finish once the page is loaded.

Throws an error and the progress bar just continues to load until about 98% while the page has already been loaded.

shahirWebo commented 3 years ago

I am also facing same issue. The issue is InertiaProgress is required new version of Inertia js. when we use old version the error will occurring

reinink commented 3 years ago

Yeah, making sure you're using the right versions, as per the peer dependencies.

timyourivh commented 3 years ago

Updating the packages solved the problem. Thank you! I am now finally able to see the beauty of this package! :)

reinink commented 3 years ago

@TimVanHerwijnen Excellent! 🙌

silasrm commented 3 years ago

Updating the packages solved the problem. Thank you! I am now finally able to see the beauty of this package! :)

Please, tell me how you solve (packages versions) :D I'm using with Jetstream this versions, but don't solve:

package.json

        "@inertiajs/inertia": "^0.3.6",
        "@inertiajs/inertia-vue": "^0.2.4",
        "@inertiajs/progress": "^0.2.3",

composer.json

        "inertiajs/inertia-laravel": "^0.3.4",