/canvas-ui is blank

[adrelliott]

/canvas-ui is blank

[austintoddj]

Are you using Vite to compile the assets?

@adrelliott @mdrdani I repro'd the issue, and it's due to Laravel 9 shifting from Mix to Vite to compile assets.

Follow these steps to resolve your issue:

Pull Laravel Mix into the project:

npm install laravel-mix --save-dev

Ensure your webpack.mix.js file has the following lines:

const mix = require('laravel-mix');

mix.js('resources/js/canvas-ui/app.js', 'public/js/canvas-ui.js').vue()
    .sass('resources/sass/canvas-ui.scss', 'public/css/canvas-ui.css');

Add the following lines to the script block in package.json:

"canvas.ui.dev": "mix",
"canvas.ui.prod": "mix"

Run npm run canvas.ui.dev to compile the assets.

[austintoddj]

@othmoz I don't have a definitive date set at the moment, but aiming for the next few months.

[mdrdani]

Same bug with Laravel 9, and I change to Laravel 8 its work canvas-ui

[othmoz]

do you plan to add support for vite as it's the preferred way going forward with Laravel ?

[austintoddj]

@othmoz The next version of Canvas (v7.0) isn't going to make CanvasUI an SPA. There won't be any added dependencies and build, it's going to be traditional Blade files which will be simpler to work with and modify. So in a way, yes, Canvas won't care if you use Vite.

[othmoz]

Thanks for your answer, any visibility on when v7 is going to be available ?

On Fri, 27 Jan 2023 at 13:50 Todd Austin ***@***.***> wrote: @othmoz <https://github.com/othmoz> The next version of Canvas (v7.0) isn't going to make CanvasUI an SPA. There won't be any added dependencies and build, it's going to be traditional Blade files which will be simpler to work with and modify. So in a way, yes, Canvas won't care if you use Vite. — Reply to this email directly, view it on GitHub <#1181 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AABJZFGEF523JETNDLGVL4LWUPAARANCNFSM6AAAAAAS5LQXOI> . You are receiving this because you were mentioned.Message ID: ***@***.***>

-- Othmane OUAHBI DEVMOZ [phone] http://www.devmoz.com