Я пытаюсь добавить сценарий React на мою страницу CSHTML (Razor), используя код Visual Studio. В настоящее время я получаю 1 предупреждение о том, чтобы предварительно компилировать свои сценарии и 2 ошибки, говоря, что мой сценарий не может быть найден и что его нельзя загрузить (изображение, показывающее окно консоли с предупреждением и ошибками, расположенными здесь: https://imgur.com/z12rkle). Вот соответствующий код, который у меня сейчас есть: < /p>
@RenderSection("title")
@RenderSection("scripts", false)
@RenderSection("siteMenu")
< /code>
@page
@model RogersPizza.Pages.OrderModel
@{
Layout = "Shared/_Layout.cshtml";
}
@section title {
Order
}
@section scripts {
}
@section siteMenu {
Rogers Pizza
Menu
Order
About
Contact
Employees
Choose your pizza
@foreach(var item in Model.Pizzas)
{
@Html.DisplayFor(modelItem => item.Name)
}
}
< /code>
// /wwwroot/js/paymentOptions.js (React script that I want to render in Order.cshtml)
import { createRoot } from 'react-dom/client';
class PaymentOptions extends React.Component {
PaymentOptions() {
return (
Payment Options Details Go Here
);
}
}
const domNode = document.getElementById('payment-options');
const root = createRoot(domNode);
root.render(
);
< /code>
What is missing from my code that will successfully render my external React component and/or what is wrong with it?
Подробнее здесь: https://stackoverflow.com/questions/796 ... shtml-file
