Question

我开始与blazor一起工作，并通过一个演示项目进行工作，而我对字符集有问题，它不起作用，也许在需要的地方没有实现，我真的不知道。因此，我在index.html，wwwroot内的html文件和Index.razor组件中实现了字符集。在我的Index.razor中，我仅使用body元素调用其他组件，需要重音的词在哪里。

我在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中实现了字符集，但它不起作用。您可以在下面的图像中看到它。

example

我想我已经提供了您需要了解的有关此问题的所有信息，但是如果您有任何疑问，请发表评论。谢谢您的关注。

Answer 1

使用UTF-8编码保存所有源代码：

在Visual Studio中

选择文件
单击文件->将{文件}另存为...
点击保存按钮上的向下箭头
点击保存并保存...
选择 Unicode（带签名的UTF-8）-编码中的代码页65001
单击确定

要将VS配置为默认保存为Unicode：

工具->选项->环境->文档
选中在无法将代码保存到代码页中时将文档另存为Unicode

在我的blazor项目中遇到字符集问题

1 个答案: