问题
因为 Nuxt.js 是一个服务器端渲染框架,在服务器端环境中,window 对象不可用。
解决
方式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',
},
]
总结
两种方式原理相同,写法不一样。