Firebase 托管:功能无法与 ServerMiddleware (Vue/Nuxt) 一起使用

2023-12-13

我正在构建一个利用 ServerMiddleware 仅在客户端呈现某些页面的项目(我无法找到另一种在没有 ServerMiddleware 的情况下使其正常工作的方法。刷新页面等问题......)

问题:不幸的是,每次我尝试通过“firebase部署”部署到我的Firebase功能时,我都会收到错误:

错误:找不到模块“~/serverMiddleware/selectiveSSR.js”

如果我排除以下行,该函数构建正常。 Nuxt/Vue 不包括〜/服务器中间件/据我所知,作为其构建的一部分。

这是 nuxt.config.js 中引用我的 serverMiddleware 的代码:

serverMiddleware: ['~/serverMiddleware/selectiveSSR.js']

将目录或路径(如上所述)添加到 nuxt.config.js 中的 Build 中的文件本身也没有帮助。也许我做错了?

在本地测试(而不是构建)时一切正常。

请问我如何解决这个问题有什么想法吗?

Thanks!


好吧,对于其他遇到这个问题的人,这就是我解决这个问题的方法。

首先,我不知道这是否是 Firebase Hosting 或 Nuxt 的错误(我猜是 Nuxt,但我愿意纠正),但这里是要做的......

1) 删除对 ServerMiddleware 的任何引用nuxt.config.js

2)添加以下内容nuxt.config.js

modules: [
    '~/local-modules/your-module-name'
  ],

3)创建目录〜/本地模块/你的模块名称在你的项目根目录中

4)在新目录中,创建package.json:

{
    "name": "your-module-name",
    "version": "1.0.0"
  }

和index.js - 关键的事情,this.addServerMiddleware允许您调用中间件服务器端

module.exports = function(moduleOptions) {
  this.addServerMiddleware('~/serverMiddleware/')
}

5)创建目录~/server中间件

6) 将中间件函数添加到新目录中的index.js:

export default function(req, res, next) {
 // YOUR CODE
  next() // Always end with next()!
}

7)更新包.json将新的本地模块放在“依赖项”下:

    "your-module-name": "file:./local-modules/your-module-name"

不要忘记您也需要在函数目录中执行此操作,否则 Firebase 会抱怨它找不到您的新模块

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Firebase 托管:功能无法与 ServerMiddleware (Vue/Nuxt) 一起使用 的相关文章

随机推荐

  • 递归安全设置

    我想将文件夹的安全设置应用于 C 中的所有后代 本质上 我想做与 文件夹 的高级安全设置 中的 用此对象的可继承权限替换所有后代的所有现有可继承权限 相同的操作 有什么优雅的方法来解决这个问题吗 在与 google 和 MSDN 进行了一些
  • 更改路线时 AngularJS 页面会重新加载

    我有一些像这样的html 我什至懒得发布JS 因为它太复杂了 div class container h3 class text center Administration h3 div div class form inline text
  • 如何使用蒙版为圆形图像添加边框

    这是我的尝试 func round let width bounds width lt bounds height bounds width bounds height let mask CAShapeLayer mask path UIB
  • 将现有的 Android 应用程序映射密钥转移到另一个开发者帐户?

    我正在为我的公司开发一个 Android 应用程序 在此应用程序中 地图键 GCM 和 GOOGLE 是在我自己的开发者控制台帐户下创建的 现在该应用程序已在商店中发布 现在他们想将应用程序转移到公司自己的开发者控制台帐户 用户是否仍会像以
  • ImageMagick 未被授权将 PDF 转换为图像

    我有一个程序 需要使用 Image Magick 将 PDF 转换为图像 我这样做是使用subprocess包裹 cmd magick convert density 300 pdfFile str rangeTuple 0 str ran
  • Scrapy - 蜘蛛抓取重复的网址

    我正在抓取搜索结果页面并从同一页面抓取标题和链接信息 作为一个搜索页面 我也有到下一页的链接 我已在 SgmlLinkExtractor 中指定允许这些链接 问题的描述是 在第1页中 我找到了Page2和Page3的链接进行爬行 并且效果很
  • Parsley 远程和附加参数

    我正在尝试将远程验证器与欧芹一起使用 但我似乎无法通过请求发送附加数据 有问题的字段是电子邮件字段 我想将其发送到服务器以查看电子邮件地址是否 可用 另外 我需要发送服务器所需的 id 参数 id 参数嵌入在我的表单中的 主机 字段中 因此
  • Mongoose 调试写入 STDERR?

    有谁知道 有关于为什么 mongoose 将其调试日志写入 stderr 的信息 无论如何可以将其写入标准输出吗 调试选项接受函数而不是布尔值 mongoose set debug function collection method pa
  • 使用 AVX2 指令选择性地异或列表的元素

    我想用 AVX2 指令加速以下操作 但我找不到方法 我得到了一个大数组uint64 t data 100000 uint64 t 和一个数组unsigned char indices 100000 字节数 我想输出一个数组uint64 t
  • grep 使用具有多种模式的字符向量

    我正在尝试使用grep测试字符串向量是否存在于另一个向量中 并输出存在的值 匹配模式 我有一个像这样的数据框 FirstName Letter Alex A1 Alex A6 Alex A7 Bob A1 Chris A9 Chris A6
  • ClassLoaders.callStaticFunction Java Eclipse 的 InvokingTargetException

    我创建了一个使用 ReverseXSL API 将文本转换为 xml 的程序 该程序将由应用程序通过调用静态方法 静态 int 变换XSL 我能够通过从 Eclipse 运行来执行并生成输出 但是 当我使用应用程序运行程序 jar 时 它卡
  • 当parentID和childID在同一个表上时如何删除级联?

    我有一个名为members的mysql表 它基本上有两列 parentID and childID 这样我就可以根据这两列创建一个层次树 例如 parentID ChildID 1 2 2 3 3 4 将在我的应用程序中生成一棵树paren
  • 无法使用 NdefFormatable 格式化 NFC 卡

    我正在使用 NdefFormatable 类来格式化我的 NFC 卡 代码如下 NdefFormatable formatable NdefFormatable get tag 但我得到的可格式化引用为空 我检查了 get tag 方法内运
  • 图像未加载到画布上

    我的问题是 我在将本地托管的图像加载到画布上时遇到问题 我尝试过使用 XAMPP 在本地将代码托管在 Web 服务器上 但 LightBlue jpg 图像似乎永远无法加载 但是 当我使用网站上的外部图像时 代码可以完美运行 我在下面提供了
  • 将 Android 屏幕方向锁定为横向

    我正在开发一个 Android 应用程序 其一个功能是将屏幕方向锁定为横向 我想将此方向更改应用于手机中的所有 Android 应用程序 我正在使用这个代码 private void lockScreenOrientation if mSc
  • 在 Inno Setup 中创建使用命令行参数执行程序的快捷方式

    我有一个问题 我正在为一个程序做一个自定义安装程序 原始安装程序在桌面上创建一个快捷方式 快捷方式的目标如下 C Program Files Soft name soft exe soft run 在 Inno Setup 脚本中我使用以下
  • 用于软件清单的 PowerShell

    我想知道如何获得包含已安装软件和电脑名称的两列 Path C Gabriel LogPath C Gabriel Select Name Directory Name Outlook Expression Get WmiObject Cla
  • 在CSS视觉格式模型中,“元素的流动”是什么意思?

    In CSS2 第 9 3 节 定位方案 一个元素称为流出如果它是浮动的 绝对定位的或者是根元素 一个元素称为in flow如果没有流出 这元素的流动A 是由 A 和最近的流出祖先为 A 的所有流入元素组成的集合 我能明白什么流出 and
  • 如何通过空格字符拆分列表中的字符串

    所以stdin将一串文本返回到一个列表中 多行文本都是列表元素 你如何将它们全部拆分成单个单词 mylist this is a string of text n this is a different string of text n a
  • Firebase 托管:功能无法与 ServerMiddleware (Vue/Nuxt) 一起使用

    我正在构建一个利用 ServerMiddleware 仅在客户端呈现某些页面的项目 我无法找到另一种在没有 ServerMiddleware 的情况下使其正常工作的方法 刷新页面等问题 问题 不幸的是 每次我尝试通过 firebase部署