javascript - ASP.NET Razor Pages JavaScript 文件返回未定义的错误

Question

这有点棘手，但这里是:

我从一个网站下载了一些文件，我正在从 Wordpress 迁移到 ASP.NET Razor Pages。原始文件中有一个“assets”文件夹、一个“lib”文件夹(包含字体文件夹以及css和js文件)以及index.html文件。

当我在 Chrome 浏览器中打开文件并运行索引文件时，网页运行正常(整个页面响应速度非常快，并且是用 JavaScript 完成的，因此 .js 文件非常重要)。 Here's a look at the current page for your reference

当我更改为 ASP.NET Razor Pages 项目时，文件会运行，但出现以下错误:

Uncaught ReferenceError :playerjs 未定义

我进入代码检查了一下，但我似乎找不到它到底出了什么问题。整个文件中只有一次playerjs的调用。 Here's the link to the .js main file if you're interested .

我的问题:将常规 .html 文件及其附带的 .js 文件从 Wordpress 网站移动到 ASP.NET Core 网站时是否有协议(protocol)？

我想知道这是否是因为我正在使用 .CSHTML 文件及其附带的 .CSHTML.CS 文件。这很令人困惑。

对此的任何帮助将不胜感激!

Answer 1

正如@itminus 指出的那样。 js 文件未正确加载，因为我使用的是默认布局部分页面。我假设 js 文件与其他 js 文件竞争。我发现移动传统的 .html 文件及其相应的文件就像复制和粘贴一样简单，但您必须正确执行。

具体操作方法如下:

1. 在您的 Pages 文件夹中，创建一个用于存放 .cshtml 文件的新文件夹
2. 在该文件夹中添加新的 razor 页面，但请确保取消选中布局选项
3. 复制 .html 页面中的代码并将其粘贴到 .cshtml 文件中
4. 确保将 js 和 css 文件放置在 wwwroot 文件夹中
5. 还要确保正确指向链接和脚本
6. 如果您指向 js 文件或脚本中的某些内容，请确保获取根 URL 并将其指向正确的文件

我希望这对那些不考虑布局页面妨碍的人有所帮助。

感谢所有愿意提供帮助的人!