title: Blazor unhandled exception: Cannot provide a value for property 'BlazorStrapSrc' on type 'BlazorStrap.BSCarousel'
body: <p>I am using VS 2022 and created a Blazor WebAssembly ASP.NET Core hosted project. I want to implement an image slider on my Index.razor and tried to use BlazorStrap. This is the code I am using:</p>
  <pre><code>@using BlazorStrap
  &lt;BSCarousel HasControls=&quot;true&quot; HasIndicators=&quot;true&quot; &gt;
      &lt;BSCarouselItem&gt;
          &lt;svg class=&quot;bd-placeholder-img bd-placeholder-img-lg d-block w-100&quot; width=&quot;800&quot; height=&quot;400&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; role=&quot;img&quot; aria-label=&quot;Placeholder: First slide&quot; preserveAspectRatio=&quot;xMidYMid slice&quot; focusable=&quot;false&quot;&gt;
              &lt;rect width=&quot;100%&quot; height=&quot;100%&quot; fill=&quot;#777&quot;&gt;&lt;/rect&gt;&lt;text x=&quot;50%&quot; y=&quot;50%&quot; fill=&quot;#555&quot; dy=&quot;.3em&quot;&gt;First slide&lt;/text&gt;
          svg&gt;
      &lt;/BSCarouselItem&gt;
      &lt;BSCarouselItem&gt;
          &lt;svg class=&quot;bd-placeholder-img bd-placeholder-img-lg d-block w-100&quot; width=&quot;800&quot; height=&quot;400&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; role=&quot;img&quot; aria-label=&quot;Placeholder: Second slide&quot; preserveAspectRatio=&quot;xMidYMid slice&quot; focusable=&quot;false&quot;&gt;
              &lt;rect width=&quot;100%&quot; height=&quot;100%&quot; fill=&quot;#666&quot;&gt;&lt;/rect&gt;&lt;text x=&quot;50%&quot; y=&quot;50%&quot; fill=&quot;#444&quot; dy=&quot;.3em&quot;&gt;Second slide&lt;/text&gt;
          &lt;/svg&gt;
      &lt;/BSCarouselItem&gt;
      &lt;BSCarouselItem&gt;
          &lt;svg class=&quot;bd-placeholder-img bd-placeholder-img-lg d-block w-100&quot; width=&quot;800&quot; height=&quot;400&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; role=&quot;img&quot; aria-label=&quot;Placeholder: Third slide&quot; preserveAspectRatio=&quot;xMidYMid slice&quot; focusable=&quot;false&quot;&gt;
              &lt;rect width=&quot;100%&quot; height=&quot;100%&quot; fill=&quot;#555&quot;&gt;&lt;/rect&gt;&lt;text x=&quot;50%&quot; y=&quot;50%&quot; fill=&quot;#333&quot; dy=&quot;.3em&quot;&gt;Third slide&lt;/text&gt;
          &lt;/svg&gt;
      &lt;/BSCarouselItem&gt;
  &lt;/BSCarousel&gt;
  </code></pre>
  <p>But if I start to debug it I get this error:</p>
  <p><a href="https://i.stack.imgur.com/alSrW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/alSrW.png" alt="enter image description here" /></a></p>
  <p><a href="https://i.stack.imgur.com/2Fln0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2Fln0.png" alt="enter image description here" /></a></p>
  <p>What do I need to do? What did I forgot?</p>