窗口未定义，Vue 平滑滚动 - Nuxt.js

Question

我正在尝试将 vue 平滑滚动添加到我的 nuxt.js 项目中，但出现“窗口未定义错误”。

我的步骤是：

yarn add vue2-smooth-scroll

在 vue 文件中：

import Vue from 'vue';
import vueSmoothScroll from 'vue2-smooth-scroll';

Vue.use(vueSmoothScroll);

Answer 1

我不知道vue2-smooth-scroll具体情况，但是当 vue 依赖项不支持 SSR 时，您可以在nuxt.config.js禁用它

所以如果你有~/plugins/smooth-scroll.js ：

import Vue from 'vue';
import vueSmoothScroll from 'vue2-smooth-scroll';

Vue.use(vueSmoothScroll);

你可以把它放在nuxt.config.js ：

// ...
plugins: [
    { src: '~/plugins/smooth-scroll', ssr: false }
  ],
// ...

Answer 2

如果您只在客户端需要它，这对于这样的库来说是有意义的，那么还有一种在nuxt.config.js中注册插件的替代方法：

plugins: [
    { src: '~/plugins/smooth-scroll', mode: 'client' }
],