无法使用 laravel 在卡上显示数据库中的数据

问：

尽管为此错误提供了许多解决方案，但我正在鼓励，我还没有找到解决方案，以下是我在尝试在引导卡上显示数据库中的数据时遇到的错误“） ErrorException 未定义变量：published_articles （查看： /home/nosi/Oresol-Lesotho-Skills-Exercise/blog/resources/views/article_data.blade.php） （查看： /home/nosi/Oresol-Lesotho-Skills-Exercise/blog/resources/views/article_data.blade.php”

以下是我在 Web.php 中的路线：

  Route::get('article_data', 'PublishArticlesController@retrieveArticles')->name('article_data');

下面是我的控制器：

公共函数 retrieveArticles（）{

$articles = PublishArticle::latest()->paginate(6);
return view('article_data')->with(['published_articles'=>$articles]);

}

下面是我的刀片文件，它位于视图内部，articles_data.blade.php：

    @extends('layouts.public_navbar')

@section('content')
<div class="container text-center">
    <h1>Explore Published Articles</h1>
</div>
<div class="container">
    <div class="card-deck row">
    @foreach ($published_articles as $article)
            <div class="col-xs-12 col-sm-6 col-md-4">
                <div class="card">
                    <div class="view overlay">
                        <a href="#!">
                            <div class="mask rgba-white-slight"></div>
                        </a>
                    </div>
                    <div class="card-body">
                        <h4 class="card-title">{{ $article->article_title }}</h4>
                        <p>Author: {{ $article->author_name }}</p>
                        <p class="card-text">{{ $article->article_body }}</p>
                        <a href="" class="btn btn-primary btn-md">Read more</a>
                    </div>
                </div>
            </div>
        @endforeach
    </div>
</div>

<!-- Add Bootstrap JS and Popper.js scripts (required for Bootstrap) -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
@endsection

您的帮助将不胜感激