Я начинаю работать с Blazor, с одним демонстрационным проектом, и у меня проблема с кодировкой, она не работает, возможно, она не реализована там, где это необходимо, я действительно не знаю. Итак, у меня есть кодировка, реализованная в index.html
, html-файле внутри wwwroot и в моем Index.razor
компоненте. В моем Index.razor
я вызываю другой компонент только с элементами тела, где есть слова, которым нужны акценты.
Код, который у меня есть в index.html (я действительно не знаю, что делает этот код, он пришел с демо):
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
<meta name="description" content="Guild Project"/>
<title>Mission Control</title>
<base href="/" />
<script src="localStorage.js"></script>
<link href="_content/RazorComponentsMaterialDesign/styles.css" rel="stylesheet" />
<script src="_content/RazorComponentsMaterialDesign/script.js"></script>
<script src="_content/RazorComponentsMaterialDesign/lib/material-components-web.js"></script>
<link href="css/Layout.css" rel="stylesheet" />
<script src="https://api.tiles.mapbox.com/mapbox-gl-js/v1.0.0/mapbox-gl.js"></script>
<link href="https://api.tiles.mapbox.com/mapbox-gl-js/v1.0.0/mapbox-gl.css" rel="stylesheet" />
</head>
<body style="margin: 0px">
<app>
<!-- "Loading" spinner -->
<div role="progressbar" class="mdc-linear-progress mdc-linear-progress--indeterminate">
<div class="mdc-linear-progress__buffer"></div>
<div class="mdc-linear-progress__bar mdc-linear-progress__primary-bar"><span class="mdc-linear-progress__bar-inner"></span></div>
<div class="mdc-linear-progress__bar mdc-linear-progress__secondary-bar"><span class="mdc-linear-progress__bar-inner"></span></div>
</div>
</app>
<script src="_framework/blazor.webassembly.js"></script>
<script src="_content/PinMapLibrary/PinMap.js"></script>
</body>
</html>
Код index.razor:
@page "/"
@using MissionControl.Client.Components;
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<div class="layout">
<div class="sidebar">
<Sidebar/>
</div>
</div>
</body>
</html>
Здесь я вызываю компонент Sidebar
, где у меня есть слова, для которых нужны акценты.
Код боковой панели:
<p>Permissões</p>
Как вы можете видеть, я реализую кодировку в index.html и Index.razor, но не работает. Вы можете видеть это на изображении ниже.
Я думаю, что поместил всю информацию, которую вам нужно знать об этой проблеме, но если у вас есть сомнения, просто оставьте комментарий. Спасибо за Ваше внимание.
Index.razor
не должен содержать тегов ‹html›, ‹head› или ‹body›. Это точно не помогает. - person Henk Holterman   schedule 27.08.2019<p>Permissões</p>
на страницу, и он работает правильно. - person Henk Holterman   schedule 27.08.2019<p> Olá </p> to my Index.razor page and works fine. After I added
‹Counter /› `в свой Index.razor, а в Counter.razor я просто добавил<p>Olá</p>
, и это Olá не сработало. - person LOL Jovem   schedule 27.08.2019_Host.cshtml
, а неindex.html
. Удалите этоindex.html
снова. - person Henk Holterman   schedule 27.08.2019<p>Olá</p>
, это нормально ??? - person LOL Jovem   schedule 27.08.2019