Nuxt3报错window is not defined解决方法

问题

因为 Nuxt.js 是一个服务器端渲染框架，在服务器端环境中，window 对象不可用。

解决

在nuxt2中解决方法

方式1

内容：

import { defineNuxtPlugin } from "#app";
import wordCloud from 'vue-wordcloud'
export default defineNuxtPlugin((nuxtApp) => {
    nuxtApp.vueApp.use(wordCloud);
});

注意：后缀名为client.js表示在客户端渲染

方式2

在配置文件中添加

  plugins: [
        {
            src: '~/plugins/word-cloud.js',
            mode: 'client',
        },
    ]

总结

两种方式原理相同，写法不一样。