reactjs - ScrollMagic 与 React

标签 reactjs webpack

我正在尝试让 ScrollMagic 与 ES2015 导入和 React 一起使用。我收到此错误:

ERROR in ./~/scrollmagic/scrollmagic/uncompressed/plugins/animation.gsap.js
Module not found: Error: Cannot resolve module 'TimelineMax' in /Users/dillonraphael/Desktop/marbleshark_landingpage/node_modules/scrollmagic/scrollmagic/uncompressed/plugins
 @ ./~/scrollmagic/scrollmagic/uncompressed/plugins/animation.gsap.js 31:2-61

这就是我导入所有内容的方式。

import {gsap, TimelineMax, TweenMax} from 'gsap';
import ScrollMagic from 'ScrollMagic';
require('scrollmagic/scrollmagic/uncompressed/plugins/animation.gsap');

最佳答案

使用此 import 语句对我有用:

import * as ScrollMagic from 'scrollmagic'

使用npm install rollmagic安装软件包后。

关于reactjs - ScrollMagic 与 React,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36853288/

相关文章:

javascript - 如何在 react-styleguidist 中添加具有依赖关系的组件示例

meteor - 导入组件的时候可以导入scss吗?

reactjs - 一起使用 react.useEffect 和 mobx.autorun

javascript - 如何根据角色权限生成React客户端库?

javascript - 当有多个链式加载器时,一致的 webpack 选项

reactjs - 为客户端渲染 React 项目做 SEO 的最佳方式

node.js - 无法使用 npm 安装任何东西( react )

css - 生产开发模式 CSS 不匹配

javascript - 创建 hello world Reactjs 应用程序

node.js - Webpack 不能使用__dirname?