Using @routes results in: Uncaught ReferenceError: Ziggy is not defined

Currently installed Laravel version:

5.6.39

Currently installed Ziggy version

0.6.9

I’ve included the @routes directive in the header of my template.

Here is the output in the header.

<script type="text/javascript">
    (function() {
var routes = {"api.mailgun.cases.test":{"uri":"api\/mailgun\/cases\/test","methods":["GET","HEAD"],"domain":null}};

        for (var name in routes) {
            Ziggy.namedRoutes[name] = routes[name];
        }
    })();
</script>

[robfrancken]

import route from 'ziggy' only imports the helper function.

If you’ve generated the routes file with the artisan command, e.g. php artisan ziggy:generate "resources/js/ziggy", you’ll need to import that file as well.

To use the route helper function, you need to make the generated routes accessible. I’ve just bound to the window object below, but you can import it into your Vue components as described in the docs if you prefer.

// resources/js/app.js

import route from 'ziggy'
import { Ziggy } from './ziggy'

window.Ziggy = Ziggy;

console.log('route', route);
console.log('Ziggy', Ziggy);
console.log('test', route('blog.index'));

Hopefully that clears things up for you!

[notflip]

Perfect! That solves it for me, thank you!