【发布时间】：2019-11-25 11:38:05
【问题描述】：
这是一个代码框： https://codesandbox.io/s/greensock-and-scrollmagic-with-react-gmidc 我将 React 与 GSAP 和 ScrollMagic 一起使用。但是当我在本地主机上运行代码时，会出现一个错误：
animation.gsap.js:32 Uncaught Error: Cannot find module 'ScrollMagic'
at webpackMissingModule (animation.gsap.js:32)
at animation.gsap.js:32
at Object../node_modules/scrollmagic/scrollmagic/uncompressed/plugins/animation.gsap.js (animation.gsap.js:43)
at __webpack_require__ (bootstrap:785)
at fn (bootstrap:150)
at Module../src/index.js (import-fonts.css?480e:37)
at __webpack_require__ (bootstrap:785)
at fn (bootstrap:150)
at Object.0 (typography.css?5564:37)
at __webpack_require__ (bootstrap:785)
at checkDeferredModules (bootstrap:45)
at Array.webpackJsonpCallback [as push] (bootstrap:32)
at main.chunk.js:1
任何帮助将不胜感激
【问题讨论】：
-
包
ScrollMagic是否正确添加到您的package.json 中？你在用create-react-app吗？ -
我不知道你所说的“正确”是什么意思。但两者都是通过 npm 安装的。
-
同理，它是否列在 package.json 的依赖项中。另外，该文件夹是否存在于 node_modules 中？
-
是的，一切都在那里。 webpack 设置有问题。我即将放弃使用scrollMagic。我也发现了这个：github.com/janpaepke/ScrollMagic/issues/685
-
并运行了弹射但找不到链接中提到的文件（可能新版本的工作方式不同）。
标签： reactjs gsap scrollmagic