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) 一起使用 的相关文章

  • Xcode 12 根本没有调用动态链接 Firebase 函数?

    因此 我有一个正在运行的动态链接 当我单击它时它会打开应用程序 但不会发生动态链接的处理 这是因为下面看到的应用程序功能从未输入过 我不知道为什么 func handleIncomingDynamicLink dynamicLink Dyn
  • 在执行下一个函数之前等待 for 循环完成

    我需要等待 for 循环完成才能开始使用 experimentArray 在继续使用实验数组之前 我如何等待完成 我尝试过承诺 异步等待等 let experimentArray for i 0 i lt this state gameRo
  • 从组件传递数据

    我对 Vue 相当陌生 我正在尝试将数据从组件传递到视图 我不确定我是否在使用props正确的 我有一个对话框 当我保存时 我想将数据插入数据库 我也想重复使用addCustomer function 这就是为什么我没有将该函数放置在组件中
  • Firebase 云消息传递 - 目标到 Firebase 控制台中不可见的单个设备

    我正在尝试向 android 中的单个设备发送通知 但是当我从 Firebase 控制台执行此操作时 它在 Firebase 新视图中不可见 谁能帮助我从哪里向单个设备发送通知 仔细尝试以下步骤 Tap 新通知 Fill up 通知标题 可
  • Firebase GAS webapp Google 弹出窗口消失

    我正在尝试升级我的 firebase GAS web 应用程序 之前我有一个弹出窗口 可以让用户使用 Google 登录 我不确定我做错了什么 但我已经升级到新的 firebase 现在正在尝试使用新的代码格式进行相同的登录 发生的情况是
  • 在将图像上传到 firebase 之前调整图像大小

    Firebase 存储看起来非常酷且易于使用 但我想知道是否有一种方法可以在将图像上传到 Firebase 存储之前调整图像大小 例如 在服务器中使用 ImageMagick 运行一个进程 然后使用 Firebase SDK 运行上传过程
  • 用变量字符串设置槽的简单方法?

    有许多slot例子 但没有克莱尔和简单 因为我需要 我需要类似的东西 var x Hello slot x 这就是我需要的 在一个具体的例子中 https jsfiddle net 2qdh3x3v https jsfiddle net 2
  • Firestore 中的多租户

    关于基于子集合值查询数据的实际限制 在 Firestore 中管理多租户的建议方法是什么 我希望能够检索和限制对与用户所属实体 公司相关的数据的访问 数据结构示例 companies companyId users companies co
  • 如何在 Android 模块中使用 FirebaseAuth

    我正在开发一个聊天库 我想在其中显示登录用户的对话 制作该库的原因是我想将其集成到多个项目中 我现在面临的问题是FirebaseAuth表示用户尚未登录 FirebaseAuth getInstance mFirebaseApp getCu
  • 使用workmanager时Firestore脱机持久性错误

    我正在使用一个WorkManger定期从我的中检索信息Firestore当应用程序处于后台和前台时的数据库 此信息用于根据状态更新 UI 因此不同的状态会添加或删除 UI 的不同部分 第一次运行时效果很好 但是 一旦应用程序处于后台并且Wo
  • BigQuery 未显示链接的 Firebase Analytics 事件日志的任何数据集

    我将我的帐户链接到 Big Query 但 Firebase Analytics 事件不会自动加载到 BigQuery 中 显示 未找到数据集 警告 我的工作进度附在下面 请查收 I have getting firebase Analyt
  • 不知道如何预览我生成的 Nuxt3 应用程序

    我刚刚在静态模式下创建了一个 Nuxt3 但我不想每次都将其推送到 Netlify 进行预览 这是我的nuxt config js 没有改变 import defineNuxtConfig from nuxt export default
  • 如何处理 Nuxt 中导致页面渲染崩溃的 apollo 客户端错误?

    我目前正在维护一个生产 Nuxt js Vue 应用程序 该应用程序集成了 GraphQL Apollo 客户端 该客户端遇到页面渲染错误 为了增加获得回复的机会 我构建了一个简单的代码示例 仅展示我们遇到的问题 谢谢大家 源代码 Clie
  • 在重复内容区域添加

    我有一个菜单组件 简单地说 它接受一个带有一系列选项的道具 并为每个选项在菜单中呈现一个项目 我希望能够根据用例自定义每个菜单项内的标记 因此我在菜单项元素内使用了占位符 你可以在这个中看到一个例子fiddle https jsfiddle
  • 如何使用 OpencV 从 Firebase 读取图像?

    有没有使用 OpenCV 从 Firebase 读取图像的想法 或者我必须先下载图片 然后从本地文件夹执行 cv imread 功能 有什么办法我可以使用cv imread link of picture from firebase 您可以
  • Vuejs 2:去抖动不适用于手表选项

    当我在 VueJs 中反跳此函数时 如果我提供毫秒数作为原语 它就可以正常工作 但是 如果我将其提供为对 prop 的引用 它会忽略它 这是道具的缩写版本 props debounce type Number default 500 这是不
  • 如何在生产模式下为 Chrome 扩展启用 Vue 开发工具?

    我正在构建一个 chrome 扩展 并使用 vue cli webpack 配置 我希望能够在运行后使用 vue devtoolsnpm 运行构建命令 我尝试添加Vue config devtools true 在 main js 中 或者
  • Vue警告无法解析组件:ion-icon

    以下的用法如下https ionicons com usage https ionicons com usage the ion icon显示但我收到此警告 Failed to resolve component ion icon 我的步骤
  • user_pseudo_id 与会话 id 相同吗?如何按会话对所有事件进行分组? - Firebase BigQuery

    我有一个 iOS 应用程序 我试图弄清楚用户如何在我的应用程序中移动 我正在寻找一种通过某种会话 ID 对所有事件进行分组的方法 我假设所有 fireBase 事件都有一个会话 ID 事实似乎并非如此 我注意到有一个user pseudo
  • 使用电子邮件、用户名和密码进行 Firebase 身份验证

    我想知道是否可以使用电子邮件和用户 ID 密码登录 我有一个项目 我希望用户添加一个唯一的号码 实际上是我们公司提供的工作识别号码 以便能够签名参与该计划的人员将继续留在公司就业 即使电子邮件和密码正确但用户 ID 错误 我也需要 fire

随机推荐

  • 递归安全设置

    我想将文件夹的安全设置应用于 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部署