代码之家 › 专栏 › 技术社区 › Gregor Voinov

带有scrollmagic的Nuxtjs告诉我“窗口未定义”

nuxt.js scrollmagic undefined window

Gregor Voinov · 技术社区 · 7 年前

我想将scrollmagic与nuxtjs结合使用。

我通过npm安装了scrollmagic。

npm install scrollmagic

在我的nuxt中。配置。我添加的js文件

build: {
    vendor: ['scrollmagic']
},

在我的页面/索引中。vue文件我只是导入了它。

import ScrollMagic from 'scrollmagic'

但这只会导致这个错误

[vue路由器]无法解析异步组件默认值: ReferenceError:未定义窗口[vue路由器]未捕获错误路线导航期间:ReferenceError:未定义窗口位于C:\pathto\node\u modules\scrollmagic\scrollmagic\uncompressed\scrollmagic。js:37:2 位于C:\pathto\node\u modules\scrollmagic\scrollmagic\uncompressed\scrollmagic。js:22:20 at对象。(C:\pathto\node\u modules\scrollmagic\scrollmagic\uncompressed\scrollmagic.js:27:2)

我怎样才能解决这个问题?

1 回复 | 直到 7 年前

Aldarund 5 年前

将名为“scrollmagic.js”的文件添加到插件文件夹中,并将以下代码粘贴到其中:

插件/scrollmagic。js公司

import ScrollMagic from 'scrollmagic'

将插件添加到nuxt。配置。js文件

nuxt编号。配置。js公司

module.exports = {
  build: {
    vendor: ['scrollmagic']
  },
  plugins: [
    // ssr: false to only include it on client-side
    { src: '~/plugins/scrollmagic.js', ssr: false }
  ]
}

将其用于 if (process.client) {}

页面或组件

<script>
let scrollmagic
if (process.client) {
  scrollmagic = require('scrollmagic')
// use scrollmagic
}
</script>

有关更多信息,请参阅有关此主题的优秀文档: https://nuxtjs.org/guide/plugins/

推荐文章

sravas · 一个Excel文件中有多个Excel工作表

6 年前

Nono_sad · R为每个函数调用创建一个向量

6 年前

Abhishek Agarwal · 更改Qt中show()上的窗口位置

6 年前

Alberto Soto · 媒体查询加载时动态激活/禁用脚本并调整窗口大小

6 年前

user3108268 · 在FroG GUI中传递带空格的Windows批处理变量?

6 年前

johnsonambrose · 按日期QTP更改窗口名称

6 年前

David · 从其他视图控制器打开窗口+视图

6 年前

Mike Pala · 检测浏览器窗口是否最大化以及默认(100%)缩放

6 年前

ymmx · 是否可以拖动QTabWidget并打开一个新窗口,其中包含pyqt5中此选项卡中的内容?

6 年前

John Willson · Javascript-此={}->赋值中的左侧无效-“已关闭”

6 年前