/canvas-ui is blank

[adrelliott]

Is there an existing issue for this?

• I have searched the existing issues

Current Behavior

I install canvas-ui, and visit this in the browser:

/canvas-ui

I just get a blank page.

Expected Behavior

I was expecting to see a front end. (Maybe I've misunderstood what canvas-ui command does!)

Steps To Reproduce

In local, install canvas via composer

Run the install comand

run php artisan canvas:ui
run npm install
run npm run dev

Create a demo post

Go to /canvas-ui and see bank screen

Environment

PHP 8.1.7
LARAVEL v9.43.0
MySql

Anything else?

I'm pretty sure it;s something I'm doing wrong here!

[mdrdani]

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

[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.

[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 +212 661 321 644 http://www.devmoz.com

[austintoddj]

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