【问题标题】:Gulp serve is opening a webpage, but it shows page not found errorGulp 服务正在打开一个网页,但它显示页面未找到错误
【发布时间】:2022-02-20 01:51:52
【问题描述】:

我是 sfpx 的新手,我从 MS 页面上的介绍视频开始,我完成了所有设置,但是当我运行 gulp serve 时,它会将我重定向到“https://localhost:4321/index.html”但浏览器显示“无法访问此站点”,并且我的本地项目路径中没有“index.html”。请帮助我解决这个问题。
安装的不同模块的版本:

  • 节点 - v14.15.0
  • 哟 - 4.3.0
  • 吞咽 - 4.0.2
  • npm - 6.14.8
  • 我正在使用 gitpod 实例进行开发,并且在我的 windows 设备上进行了尝试,我得到了同样的错误。请让我知道是否需要更多文件或信息来解决此错误,然后我可以分享它们。
    我尝试了什么:
    根据一些博客,我添加了环境变量“NODE_NO_HTTP2”:1,但这并没有解决问题
    检查端口“4321”是否未被任何其他服务使用。没有服务正在使用此端口
    这个问题与这个“https://stackoverflow.com/questions/70433862/unavailable-hosted-workbench-in-spfx”完全相同/相似,但我在那里找不到解决方案,所以重新发布了我的版本
    这是serve.json文件内容:

    {
      "$schema": "https://developer.microsoft.com/json-schemas/core-build/serve.schema.json",
      "port": 4321,
      "https": true
    }
    

    TIA

    【问题讨论】:

      标签: html sharepoint gulp sharepoint-online spfx


      【解决方案1】:

      本地工作台在最新版本的 SPFx 工具中已弃用。您应该使用 sharepoint 在线工作台来测试您的 Web 部件。意味着,而不是 http://localhost:4321 导航到:

      https://<yoursharepoint>.sharepoint.com/_layouts/15/workbench.aspx

      也许您仍然可以使用gulp serve-deprecated 而不是gulp serve 来使用本地工作台(它是否有效取决于您使用的SPFx 版本,但很快就不会了)。只需在在线 SharePoint 工作台上进行测试(为此,您当然需要在线 SharePoint)

      【讨论】:

      • 谢谢,我无法访问真正的 SharePoint 门户网站,我想在本地环境(最好是 linux 设备)中开发应用程序,我尝试了命令“gulp serve-deprecated”但我仍然在浏览器中也找不到在文件夹中生成的正确登录页面。我应该怎么办?现在正在使用它的spfx-1.13,我将降级到较低版本并尝试通知您是否通过
      • “gulp serve-deprecated”应该使用正确的 1.12.1 打开浏览器。但我建议您只需注册自己并获得正常的共享点(在线)。
      • 我仍然面临这个问题,使用 1.12.1 版本和 gulp serve-deprecated,你能看看这个 gitpod 环境吗? gitpodio-templatetypescr-k3hqwtlnji5.ws-us31.gitpod.io,让我知道您是否可以访问它,或者我们可以通过电子邮件连接吗?我的电子邮件 ID (hjkl8hjkl37@gmail.com)
      • 请使用 1.12.1 版本的 generator (@microsoft/generator-sharepoint) 创建 1.12.1 版本的新项目,本地工作台(gulp serve-deprecated)确实适用于新项目(localhost:5432/workbench 默认打开)。很遗憾,我无法访问您提供的链接。
      • 安装 yeoman generator 1.12.1:npm i -g @microsoft/generator-sharepoint@1.12.1 创建新项目:yo @microsoft/sharepoint。较新的版本要求您使用sharepoint在线工作台进行调试,并且既不安装也不支持本地工作台。
      猜你喜欢
      • 1970-01-01
      • 2012-07-07
      • 1970-01-01
      • 1970-01-01
      • 2011-02-12
      • 2017-01-15
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多