Laravel 7.14加载社交链接提示$socials未定义问题求助

看起来你遇到的问题主要出在变量传递路径错误和视图加载逻辑上，咱们一步步来排查解决：

1. 先解决$socials is undefined的核心问题 #

这个错误说明你的inc.subheader视图根本没拿到$socials变量，大概率是以下两种情况：

情况一：路由没配置，访问的URL没触发控制器方法 #

你写了socials()控制器方法，但如果没在routes/web.php里配置对应的路由，访问localhost/inc/social时，Laravel根本不会调用这个方法，自然不会传递$socials变量。

解决办法：在routes/web.php中添加路由，记得替换YourController为你实际的控制器名称（比如SocialController）：

Route::get('/inc/social', [YourController::class, 'socials']);

情况二：子视图是通过@include引入的，没手动传变量 #

你说这是应用头部的视图，大概率是在主视图（比如layouts/app.blade.php或者首页视图）里用@include('inc.subheader')引入的。这时候直接访问inc/social只会加载这个子视图片段，而正常场景下子视图的变量需要从父视图传递过来。

有两种解决方式：

方式A：在父视图的控制器中传递变量

比如你的首页控制器：

public function index() {
    $socials = Social::all();
    return view('home')->with('socials', $socials);
}

然后在父视图中引入子视图时传递变量：

@include('inc.subheader', ['socials' => $socials])

方式B：用视图Composer自动传递变量（更优雅）

如果这个社交链接要在多个页面的头部显示，每次都手动传变量太麻烦。可以在App/Providers/AppServiceProvider.php的boot()方法中添加视图Composer，让inc.subheader视图每次加载都自动获取$socials：

use Illuminate\Support\Facades\View;
use App\Models\Social;

public function boot()
{
    View::composer('inc.subheader', function ($view) {
        $view->with('socials', Social::all());
    });
}

这样不管哪个页面引入inc.subheader，都会自动带上$socials变量，不用再手动传递。

2. 解决图标不显示、仅显示三个点的问题 #

这个问题大概率是图标库资源没引入。你的Blade代码里用了fa-2x这类Font Awesome的类，但如果页面没加载Font Awesome的样式文件，浏览器就会显示缺失图标占位符（就是你看到的三个点）。

解决办法：确保你的项目中已经引入了Font Awesome图标库的样式文件，可以通过本地引入或者官方推荐的方式添加资源，让图标类能被正常识别渲染。

最后验证 #

完成上面的配置后，再测试：

• 如果是直接访问localhost/inc/social，确保路由正确，且控制器返回的视图能加载完整的页面布局（比如让inc.subheader继承主布局，或者控制器返回包含主布局的视图）
• 如果是作为头部引入到其他页面，刷新页面应该能看到正常的社交图标和链接了。

内容的提问来源于stack exchange，提问作者Nargesh Rana