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

LOL*_*vem 0 blazor

我开始使用 blazor,通过一个演示项目,我遇到了字符集问题,它不起作用,也许它没有在需要的地方实现,我真的不知道。\n所以我index.html在 wwwroot 内的 html 文件和我的组件中实现了字符集Index.razor。在我的Index.razor“我仅使用主体元素调用其他组件”中,需要重音的单词在哪里。

\n\n

我在index.html 中的代码(我真的不知道这段代码的作用,它随演示一起提供):

\n\n
<!DOCTYPE html>\n<html>\n<head>\n    <meta charset="UTF-8">\n    <meta http-equiv="X-UA-Compatible" content="ie=edge" />\n    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />\n    <meta name="description" content="Guild Project"/>\n    <title>Mission Control</title>\n    <base href="/" />\n    <script src="localStorage.js"></script>\n    <link href="_content/RazorComponentsMaterialDesign/styles.css" rel="stylesheet" />\n    <script src="_content/RazorComponentsMaterialDesign/script.js"></script>\n    <script src="_content/RazorComponentsMaterialDesign/lib/material-components-web.js"></script>\n    <link href="css/Layout.css" rel="stylesheet" />\n    <script src="https://api.tiles.mapbox.com/mapbox-gl-js/v1.0.0/mapbox-gl.js"></script>\n    <link href="https://api.tiles.mapbox.com/mapbox-gl-js/v1.0.0/mapbox-gl.css" rel="stylesheet" />\n</head>\n<body style="margin: 0px">\n\n    <app>\n        <!-- "Loading" spinner -->\n        <div role="progressbar" class="mdc-linear-progress mdc-linear-progress--indeterminate">\n            <div class="mdc-linear-progress__buffer"></div>\n            <div class="mdc-linear-progress__bar mdc-linear-progress__primary-bar"><span class="mdc-linear-progress__bar-inner"></span></div>\n            <div class="mdc-linear-progress__bar mdc-linear-progress__secondary-bar"><span class="mdc-linear-progress__bar-inner"></span></div>\n        </div>\n    </app>\n\n    <script src="_framework/blazor.webassembly.js"></script>\n    <script src="_content/PinMapLibrary/PinMap.js"></script>\n\n</body>\n</html>\n
Run Code Online (Sandbox Code Playgroud)\n\n

Index.razor代码:

\n\n
@page "/"\n@using MissionControl.Client.Components;\n\n<html>\n    <head>\n        <meta charset="UTF-8">\n    </head>\n    <body>\n        <div class="layout">\n            <div class="sidebar">\n                <Sidebar/>\n            </div>\n        </div>\n    </body>\n</html>\n
Run Code Online (Sandbox Code Playgroud)\n\n

Sidebar在这里,我调用包含需要重音的单词的组件。

\n\n

侧边栏代码:

\n\n
<p>Permiss\xc3\xb5es</p>\n
Run Code Online (Sandbox Code Playgroud)\n\n

正如您所看到的,我在 index.html 和 Index.razor 中实现了字符集,但它不起作用。您可以在下图中看到这一点。

\n\n

例子

\n\n

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

\n

agu*_*ars 5

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

在视觉工作室中

  • 选择一个文件
  • 单击文件 -> 将{文件}另存为...
  • 单击保存按钮上的向下箭头在此输入图像描述
  • 单击保存并编码...
  • 在编码中选择Unicode(带签名的 UTF-8)- 代码页 65001
  • 单击“确定”

配置 VS 默认保存为 Unicode:

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