Broadcasting on private channels

class TaskAdded implements ShouldBroadcast
{
    use Dispatchable, InteractsWithSockets, SerializesModels;

    /**
     * Create a new event instance.
     *
     * @return void
     */
    public $task;

    public function __construct($task)
    {
        $this->task = $task;
    }

    /**
     * Get the channels the event should broadcast on.
     *
     * @return \Illuminate\Broadcasting\Channel|array
     */
    public function broadcastOn()
    {
        
        return new PrivateChannel('task'.$this->task->project_id);
    }
}

hi KevDev. Above is my event. Below is my part of my config/app.php

  * Application Service Providers...
         */
        App\Providers\AppServiceProvider::class,
        App\Providers\AuthServiceProvider::class,
        App\Providers\BroadcastServiceProvider::class,
        App\Providers\EventServiceProvider::class,
        App\Providers\RouteServiceProvider::class,

bootstrap.js

import Echo from 'laravel-echo';

window.Pusher = require('pusher-js');

window.Echo = new Echo({
    broadcaster: 'pusher',
    key: process.env.MIX_PUSHER_APP_KEY,
    cluster: process.env.MIX_PUSHER_APP_CLUSTER,
    encrypted: true
});

channels.php

Broadcast::channel('task.{projectId}', function ($user, $id) {

   return true;
    // return (int) $user->id === (int) $id;
});

my vue component

 created(){
           
           axios.get(/tasks/+this.project.id).then(response=>{
            this.tasks = response.data;
           });
           window.Echo.private('task'+this.project.id)
            .listen('TaskAdded', e=>{
                console.log(e.task.description);
                // this.tasks.push(e.task.description);
            })

What about your channels.php file. Did you add the channel to the channel routing?

Broadcast::channel('task.{project_id}' , function($user, $project_id) {
   return true; //run logic to see if user has permission to access project channel
});

Sorry posted right as you did. Two things though I notice...projectId must also be $projectId in method. Also, where you define PrivateChannel,

    public function broadcastOn()
    {
        return new PrivateChannel('task.'.$this->task->project_id);
    }

Be sure to use the dot in the string name for channel if you call it that way in channels.php

Thanks @tippin . I have fixed that, but I am still getting the error.

In your providers folder in app, do you also have un-commented the broadcast routes?

class BroadcastServiceProvider extends ServiceProvider
{
    /**
     * Bootstrap any application services.
     *
     * @return void
     */
    public function boot()
    {
        Broadcast::routes();

        require base_path('routes/channels.php');
    }
}

Yes it is uncommented

     * Bootstrap any application services.
     *
     * @return void
     */
    public function boot()
    {
        Broadcast::routes();

        require base_path('routes/channels.php');
    }
}

Also add dot to javascript private channel name

axios.get(/tasks/+this.project.id).then(response=>{
    this.tasks = response.data;
});
window.Echo.private('task.'+this.project.id)
.listen('TaskAdded', e=>{
    console.log(e.task.description);
    // this.tasks.push(e.task.description);
})

@tippin the dot fixed it. Thnks a lot