在哪里把javascript从网站模板在blazor项目?



我在VS19中创建了一个新的Blazor websebly项目,并想在我的项目中添加一个网站模板,我下载了它,但想知道我应该把JavaScript文件放在哪里。

我现在把它们放在我的index.html文件中在wwwroot文件夹中:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>ImmoPlatform.SPA</title>
<base href="/" />
<link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />
<link href="css/app.css" rel="stylesheet" />
<link href="ImmoPlatform.SPA.styles.css" rel="stylesheet" />
<link href="manifest.json" rel="manifest" />
<link rel="apple-touch-icon" sizes="512x512" href="icon-512.png" />
</head>
<body>
<div id="app">Loading...</div>
<div id="blazor-error-ui">
An unhandled error has occurred.
<a href="" class="reload">Reload</a>
<a class="dismiss">🗙</a>
</div>
<!-- jQuery library -->
<!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> -->
<script src="js/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.js"></script>
<!-- slick slider -->
<script type="text/javascript" src="js/slick.js"></script>
<!-- Price picker slider -->
<script type="text/javascript" src="js/nouislider.js"></script>
<!-- mixit slider -->
<script type="text/javascript" src="js/jquery.mixitup.js"></script>
<!-- Add fancyBox -->
<script type="text/javascript" src="js/jquery.fancybox.pack.js"></script>
<!-- Custom js -->
<script src="js/custom.js"></script>
<script src="_framework/blazor.webassembly.js"></script>
<script>navigator.serviceWorker.register('service-worker.js');</script>
</body>
</html>

,但当我开始我的blazor项目的javascript似乎没有加载。我在主布局中放置的CSS。共享文件夹中的razor文件和模板中的CSS。

这是放它们的正确位置吗?还是我应该把它们放在别的地方?

我遇到了和你一样的问题。J/S文件必须指向index.html;但是,Blazor不会自动加载它们——它必须使用J/S互操作性,这很复杂,如果你不知道模板的功能,就更复杂了。

在家里,我想使用Admin LTE,幸运的是我在GitHub上找到了一个项目,他们正在为Blazor制作这个模板的版本。

https://github.com/sjefvanleeuwen/blazor-adminlte

希望Blazor团队将改变这种类型的操作,因为,在我看来,这是做frontEnd的方式的挫折。

最新更新