从 MAUI 资源文件夹加载 WebView 中的 CSS 和 JS 文件时出现问题

Question

我正在构建一个 .NET MAUI 应用程序，并尝试在 WebView 中渲染 HTML 文件。 HTML 文件需要加载位于我的 MAUI 项目的 Resources/FirecodeRequirements 文件夹中的外部 CSS 和 JavaScript 文件。

我已按照步骤包含资源，但它们未在 WebView 中正确加载。以下是我的设置的详细信息：

文件夹结构：

/Resources
    └── /FirecodeRequirements
        ├── index.html
        ├── styles.css
        └── script.js

构建行动：

我已将所有文件（
```
index.html
```
、
```
styles.css
```
、
```
script.js
```
）的构建操作设置为 MauiAsset。

HTML 文件 (

index.html

):

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Fire Code Requirements</title>
    <!-- Correct Path to CSS -->
    <link rel="stylesheet" href="FirecodeRequirements/styles.css">
</head>
<body>
    <div class="table_component page active">
        <table>
            <tr><th>Page 1</th></tr>
            <tr><td>Content for page 1</td></tr>
        </table>
        <div class="navigation-btns">
            <button class="prevBtn" disabled>Previous</button>
            <button class="nextBtn">Next</button>
        </div>
    </div>

    <!-- Correct Path to JS -->
    <script src="FirecodeRequirements/script.js"></script>
</body>
</html>

加载 HTML 的 MAUI 代码：

var webView = new WebView
{
    Source = "Resources/FirecodeRequirements/index.html"
};

问题：

HTML 已正确加载，但 CSS 和 JavaScript 未应用（样式和脚本不起作用）。 -我尝试了不同的文件路径变体，但 CSS 和 JS 文件仍然无法加载。

我尝试过的：

确保 CSS、JS 和 HTML 文件的构建操作设置为 MauiAsset。
确保 HTML 文件中的路径正确并反映文件夹结构 (
```
FirecodeRequirements/
```
)。
清理并重建项目。
已验证应用程序在设备上正确运行，但未应用样式和脚本。

问题： 如何将 CSS 和 JavaScript 文件从

Resources

文件夹正确加载到 .NET MAUI 中的 WebView 中？有没有具体的方法来引用我可能丢失的资产文件？

任何有关可能出现问题的指导将不胜感激！

Answer 1

尝试：

<script src="../FireCodeRequirements/scripts.js"></script>
<link rel="stylesheet" href="../FirecodeRequirements/styles.css">

从 MAUI 资源文件夹加载 WebView 中的 CSS 和 JS 文件时出现问题

问题描述投票：0回答：1

1个回答

最新问题

从 MAUI 资源文件夹加载 WebView 中的 CSS 和 JS 文件时出现问题

问题描述 投票：0回答：1

1个回答

最新问题

问题描述投票：0回答：1