正文 

当前位置： 首页 > 问答 >

Nuxt.js：未定义窗口

     2023-02-22     45

关键词：

【中文标题】Nuxt.js：未定义窗口【英文标题】：Nuxt.js: window is not defined 【发布时间】：2021-01-15 07:39:04 【问题描述】：

我正在使用 Nuxt.js。设置 vuex-persist 时出现以下问题。有人可以帮我吗？

存储/index.js

存储/LangModule.js

【问题讨论】：

你不能在存储文件上调用window。您必须将其作为插件导入并在客户端而不是服务器端调用它，请阅读文档。已经提到了npmjs.com/package/vuex-persist 【参考方案1】：

知道 Nuxt 在服务器端和客户端都可以工作很重要，所以你不能在所有地方都使用window，因为它只存在于客户端。

您可以声明此插件无 s-s-r 以避免在服务器端运行它。

关注documentation：

nuxt.config.js

export default 
  plugins: [
     src: '~/plugins/vuex-persist', s-s-r: false 
  ]

~/plugins/vuex-persist.js

import VuexPersistence from 'vuex-persist'
 
export default ( store ) => 
  new VuexPersistence(
  /* your options */
  ).plugin(store);

【讨论】：

如何在 Nuxt.js 中使用 CKEditor - 未定义窗口错误

】如何在Nuxt.js中使用CKEditor-未定义窗口错误【英文标题】：HowtouseCKEditorwithNuxt.js-windowisnotdefinederror【发布时间】：2020-08-1503:00:36【问题描述】：在Vue.js中，这是我使用的设置。在Nuxt.js中，我收到“未定义窗口”错误。根据我的... 查看详情

Nuxt.js 中的“文档未定义”

】Nuxt.js中的“文档未定义”【英文标题】："documentisnotdefined"inNuxt.js【发布时间】：2018-02-1323:03:02【问题描述】：我正在尝试在Vue组件中使用Choices.js。组件编译成功，但随后触发错误：[vue-router]无法解析异步组件默认值... 查看详情

Nuxt.js 的 data() 中未定义变量

】Nuxt.js的data()中未定义变量【英文标题】：Variablebeingundefinedindata()inNuxt.js【发布时间】：2021-01-1305:45:12【问题描述】：由于某种原因，今天早上这给我带来了麻烦，我就是想不通为什么它不起作用。我有一个变量“应用程序”... 查看详情

Nuxt JS 未定义 Firebase 存储 XMLHttpRequest 错误

】NuxtJS未定义Firebase存储XMLHttpRequest错误【英文标题】：FirebaseStorageXMLHttpRequestisnotdefinederrorwithNuxtJS【发布时间】：2019-05-1123:22:21【问题描述】：我的网络应用程序需要帮助，该应用程序正在将图像上传到firebasestorage，然后想在缩... 查看详情

从直接链接导航时，Nuxt.js `this.$route.params.id` 未定义

】从直接链接导航时，Nuxt.js`this.$route.params.id`未定义【英文标题】：Nuxt.js`this.$route.params.id`isundefinedwhennavigatingfromdirectlink【发布时间】：2021-10-0810:02:53【问题描述】：当我将Nuxt.js与s-s-r模式一起使用时，我遇到了一个奇怪的问题... 查看详情

带有 Firebase 的 Nuxt.js s-s-r - ReferenceError：未定义导航器

】带有Firebase的Nuxt.jss-s-r-ReferenceError：未定义导航器【英文标题】：Nuxt.jss-s-rwithfirebase-ReferenceError:navigatorisnotdefined【发布时间】：2021-04-2401:05:33【问题描述】：我使用Nuxt(s-s-r)和firebase（firestore和托管）制作了一个简单的网络应... 查看详情

如何在 Nuxt 中拥有像 turn.js 这样的翻书？

...turn.js导入nuxt.js项目。当我通过插件使用时，错误窗口未定义，即使我在客户端模式下使用它更新：我使用必需的包检查是客户端，但我得到错误jquery__WEBPACK_IMPORTED_MODULE_3___default( 查看详情

Nuxt.js + vuetify 图像未加载

】Nuxt.js+vuetify图像未加载【英文标题】：Nuxt.js+vuetifyimagenotloading【发布时间】：2020-07-2515:22:12【问题描述】：我正在使用Nuxt.js+Vuetify，但图像无法加载到我的下一页文件中。例如，在我的./pages/browse/index.vue中，我有一个像这样的... 查看详情

Nuxt.js 刷新 url 得到 404 未找到

】Nuxt.js刷新url得到404未找到【英文标题】：Nuxt.jsrefreshurlget404notfound【发布时间】：2018-05-0311:18:03【问题描述】：我的nuxt.js项目有一个问题。我创建动态页面，如https://samplesite.com/place/place_id其中place_id动态值。（我的数据库中有... 查看详情

Nuxt.js vuex 存储未持久化

】Nuxt.jsvuex存储未持久化【英文标题】：Nuxt.jsvuexstorenotpersisted【发布时间】：2021-06-2607:36:23【问题描述】：我的Nuxt.js设置出现了一些奇怪的问题。Store中的某些状态不是持久的，每次我加载另一个视图时，它们都会返回默认值。... 查看详情

Nuxt.js 服务器端渲染：启动服务器后数据未更新

】Nuxt.js服务器端渲染：启动服务器后数据未更新【英文标题】：Nuxt.jsServerSideRendering:Datadoesn\'tgetupdatedafterstartingtheserver【发布时间】：2021-06-2007:54:04【问题描述】：我遇到了一个问题，Nuxt.js和Apollo没有使用我的API源中的最新内... 查看详情

未针对 Vue 组件 (Nuxt.js) 上的 props 样式属性处理引导图像资产

】未针对Vue组件(Nuxt.js)上的props样式属性处理引导图像资产【英文标题】：BootstrapimageassetnotprocessedforpropsstyleattributeonVueComponent(Nuxt.js)【发布时间】：2020-03-0211:04:47【问题描述】：我一直在尝试将图像资产的相对路径导入横幅组件... 查看详情

如何在 nuxt.js 中定义路由

】如何在nuxt.js中定义路由【英文标题】：Howtodefinerouteinnuxt.js【发布时间】：2019-04-2421:11:53【问题描述】：我有一个使用Nuxt.Js的博客网站，假设xyz.com并希望显示特定国家/地区代码的所有页面，例如xyz.com/en/home、xyz.com/en/about等。... 查看详情

VueEditor 文档没有定义 Nuxt.js

】VueEditor文档没有定义Nuxt.js【英文标题】：VueEditordocumentisnotdefinedNuxt.js【发布时间】：2021-11-2912:05:52【问题描述】：在我的Nuxt.js项目中，我安装了vue2-editor包，以便能够使用HTML编写文章。当我来到页面时，写一些东西并按下按... 查看详情

Nuxt.js 自定义加载器不会立即加载

】Nuxt.js自定义加载器不会立即加载【英文标题】：Nuxt.jscustomloadernotloadinginstantly【发布时间】：2021-06-0403:28:46【问题描述】：所以我的自定义加载器不会像瞬间加载那样立即加载，然后它在这里加载是我的网站，我的目标是加载... 查看详情

Nuxt.js - 全局导入自定义 NPM 包

】Nuxt.js-全局导入自定义NPM包【英文标题】：Nuxt.js-GloballyimportcustomNPMpackages【发布时间】：2021-06-0218:29:48【问题描述】：Nuxt的插件/模块系统非常复杂，因此我无法完成这个非常简单的任务，即使在SO上查看了其他一些答案之后也... 查看详情

TailwindCSS 自定义主题不适用于 Nuxt.js

】TailwindCSS自定义主题不适用于Nuxt.js【英文标题】：TailwindCSScustomthemedon\'tworkswithNuxt.js【发布时间】：2020-06-0917:30:59【问题描述】：我已经从createnuxt-app安装了@nuxtjs/tailwindcss，我用我的值修改了tailwind.config.js文件：module.exports=impo... 查看详情

本地存储未定义

】本地存储未定义【英文标题】：Localstoragenotdefined【发布时间】：2020-02-1811:40:26【问题描述】：我正在将Nuxt.js用于s-s-r。每当我登录我的应用程序时，我都有一个登录系统，我得到一个JSONWeb令牌(JWT)并将其存储在我的Localstorage... 查看详情