问题标签 [nuxtjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1012 浏览

nuxt.js - 如何检查应用程序的 Nuxt.js 版本?

假设我刚刚加入了一个新团队。如何快速查看应用程序运行的 Nuxt 版本?

0 投票
1 回答
752 浏览

javascript - 使用 vee-validate 点击 nuxt-link 按钮时需要弹出 Nuxtjs 多步表单验证

如果未填写必填字段,则我的所有页面都有单独的组件进行逐个导航,如果未填写必填字段,我应该将所有错误消息作为弹出窗口显示。

我们已经使用 vee-validate 库来显示所有错误它工作正常,当我们真正专注于输入而不是填充它时,我们能够看到错误消息,但是当我们没有专注并直接点击继续时,我没有看到任何错误

** 页脚组件 ** 我也将validationObserver 与refs 一起使用,但无法触发.validate()

你能帮我们解决这个问题吗!

0 投票
2 回答
8199 浏览

vue.js - 如何解决服务器中的 ERROR [BABEL] 最大大小 500KB 问题?

我正在将 NUXTJS 应用程序用于 SSR 页面,但出现 bootstrap-vue 图标大小问题的错误。

该文件托管在 AWS 服务器中,这将是错误

在此处输入图像描述

这会是什么问题?我也在构建位置添加了巴贝尔..

0 投票
1 回答
1024 浏览

vue.js - Vuetify Dark 主题存储在 cookie 和 localStorage 在 Nuxt SSR 中的 created() 钩子中不可用,我看到明暗主题之间闪烁

我的default.vue布局中有这种代码的平静

在控制台我看到

因为这个 beforeCreate 钩子在页面重新加载时为 SSR 和客户端调用了两次,所以我在 Vuetify 中的颜色主题有些闪烁,因为 SSR 的变量 goDark 取值为 false 并且 vuetify 应用浅色主题,然后 goDark 变为真并且 vuetify 将主题更改为深色。

如果我对 this.goDark=true 这样的值进行硬编码,它将在页面重新加载期间应用于 SSR 和客户端。所以我的问题是有什么方法可以在 SSR 中为匿名用户(尚未登录但已经更改主题)存储值?

0 投票
1 回答
144 浏览

vue.js - 使用 SVG 创建动态 Google 地图标记

我正在尝试使用其中的动态信息创建 Google 地图标记。对于该功能,我使用带有 SVG 作为模板的 Vuejs-Component 并添加"text"-Tag

例子:

然后我通过一个辅助函数创建 SVG 并创建一个 base64 数据 url:

现在,我可以使用该getDynamicMarkerIcon()功能了。这适用于vue.js,但不适用于nuxt.js。在 nuxt.js 中,我们需要从 npm 添加一个 XML-Serializer,因为 nuxt 不能使用浏览器的 XMLSerializer。为此,我正在使用teclone/xml-serializer

现在,问题似乎是 Nuxt 无法创建 DOM,因为 SSR。当我尝试使用此方法时:

我收到一个iconComponent.$el未定义的错误。我无法在 DOM 中安装 SVG。

有没有可能告诉 Nuxt,这个组件应该只在浏览器端运行?

我已经尝试过GmapMarker使用<client-only>-Tag。那没有用。我可以使用“虚拟 DOM”之类的东西吗?任何其他想法如何使它工作?

0 投票
2 回答
4537 浏览

vue.js - Nuxt.js 找不到组件,出现错误“无法安装组件:未定义模板或渲染函数。”

我的 Nuxt.js 网站有问题。我已经定义了一个带有动态slug参数的页面,如下所示:

/solutions/:slug

如果我直接在浏览器中访问该页面,它会正确加载!但是,如果我单击 NavBar 组件中的 nuxt-link,我会在控制台中收到以下错误,并且页面无法加载:

我有一个如下所示的默认布局文件:

布局/default.vue

我的导航栏包含以下 nuxt-link:

组件/布局/NavBar.vue

我有一个页面,由 slug 参数定义:

页面/解决方案/_slug.vue

我试图了解为什么单击 nuxt-link 无法加载页面,即使我在浏览器中正确看到 URL 更改。

谢谢

0 投票
1 回答
178 浏览

progressive-web-apps - 带有 Onesignal、Nuxtjs 和 Prismic CMS 的动态推送通知

我正在使用 Nuxtjs 构建一个 PWA,它从prismic api获取博客内容。OneSignal 已按照此处提供的文档安装和配置,我能够为用户订阅该应用程序并通过 OneSignal 的仪表板提供欢迎推送以及其他推送。

我现在想在新内容发布到博客时发送推送通知。任何帮助,将不胜感激。

编辑

每当用户访问https://example.com/blog时,我都会触发推送通知。注意:棱镜按最新帖子排序,因此this.docs[0]从数组中获取最新文章。

0 投票
1 回答
254 浏览

vue.js - 是否可以使用 Nuxt.js + Vuetify + 外部 Javascript 库?

我正在将 Nuxt.js 与 Vuetify 一起使用,我想仅为菜单使用外部 Javascript 库,但似乎 2 不想共存,因为我没有看到来自外部 Javascript 库的任何事件被分配给一个 HTML 元素。

想让 Vuetify 与外部书店共存的想法是否可行?

我是否忘记了 Webpack 配置中的某些内容?你能帮助我吗?

这是我的nuxt.config.js

下面这部分是不活动的:

0 投票
0 回答
125 浏览

javascript - 页面加载时未调用异步获取

在我的页面上,我有一个异步 fetch() 方法,用于从 api 获取一些数据,以将其显示在页面上。代码如下所示:

当我尝试使用不同页面上的 nuxt 链接加载页面时,或者如果我返回该页面,则不会调用 fetch 方法。我必须每次使用 f5 重新加载页面才能再次查看数据。

0 投票
2 回答
3229 浏览

production-environment - 如何将 SSR NuxtJs 应用程序部署到主机

我来自 SPA / React 世界,正在开发我的第一个 Nuxtjs SSR 应用程序。

当我运行 npm run build 时,我希望创建工件,这些工件可以复制到我的生产环境中,然后使用服务器上的节点运行。当我进行 npm run build 时,我在 dist 文件夹中什么都没有,但在 ./nuxt/dist 中有两个文件夹,服务器和客户端。

完全不知道如何从那里开始。所有在线帮助似乎都适用于非生产版本,其中存在整个开发文件夹以运行 nuxt start。

如何进行生产部署并使用服务器上的节点运行它