Laravel9でyieldで表示したい画面に、文字列しか表示されない

Laravelをつい先ほど始めました。
全くの初学者ですので、このファイルはどうなってるの？など、解決に必要なものがあればご指摘いただきたいです。
どうかお手柔らかにお願いします。

発生しているのは写真のようにyieldで中身を表示したいのに、文字列だけが表示されてしまう問題です。
何が原因なのかさっぱり分かりません。

いろいろ調べてみたのですが同じような人が全くおらず、お手上げです。

原因となりそうなことがあれば教えていただきたいです。

html:layouts/main.blade.php
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
6    <!-- CSRF Token -->
7    <meta name="csrf-token" content="{{ csrf_token() }}">
8    <title>{{ config('app.name', 'Laravel') }}</title>
9</head>
10<body>
11
12    yield('content')
13
14</body>
15</html>

html:login.blade.php
1@extends('layouts/main')
2@section('content')
3<main class="normal">
4        <div class="container">
5            <h2>ログイン</h2>
6            <form method="POST" action="{{ route('login') }}">
7                @csrf
8                <!--ログインフォームがある-->
9            </form>
10        </div>
11    </main>
12@endsection