Question

我都无法加载本地文件（jpg，png，json ...）

<ul class="pagination">
    <li class="page-item ">
        @{
            if (ViewBag.pageNumber> 1)
            {

                <a class="page-link" href="@Url.Action("Index", "Barcos", new { search= ViewBag.Search, pageNumber= ViewBag.pageNumber- 1 })">before</a>
            }
            else
            {
                <a class="page-link" href="#">
                    before
                </a>
            }
        }
    </li>
    @{
        var page = ViewBag.pageNumber;
        for (var i = 1; i <= ViewBag.Count; i++)
        {
            <li @(page== i ? "class=page-item active" : "")>
                <a class="page-link" href="@Url.Action("Index", "Barcos", new {search= ViewBag.Search, pageNumber= i})">@i</a>
            </li>
        }
    }

    <li>

        @if (ViewBag.pageNumber< ViewBag.count)
        {
            <a class="page-link" href="@Url.Action("Index", "Barcos", new { Search= ViewBag.Search, pageNumber= ViewBag.pageNumber+ 1 })">Next</a>
        }
        else
        {

             <a class="page-link disabled" href="#">
                    Before
                </a>
        }

    </li>

</ul>

通过import img from '../../../../assets/images/myImage.png'; require('../../../../assets/images/myImage.png');，VS Code通知我找不到该模块。我看不到文件夹中的文件。我在做什么错了？

Answer 1

首先，您将检查文件路径是否正确。

如果文件路径正确，则只需加载它。（../../../../是文件加载的错误说明。）

步骤如下

请在package.json文件夹中定义assets文件。

package.json file的内容如下

{
    "name" : "@assets"
}

然后您可以像这样加载assets文件夹中的文件

const img = require('@assets/images/myImage.png');

无法使用导入/要求加载本地文件

1 个答案: