Ошибка при использовании scrollToPlugin GSAP с приложением create-response-app

Я пытаюсь использовать GSAP scrollToPlugin с facebook create-response-app, но получаю эту ошибку -

Ошибка в ./~/gsap/src/uncompressed/plugins/ScrollToPlugin.js Модуль не найден: 'TweenLite'

Я предполагаю, что это связано с тем, что плагину требуется TweenLite, но его файл не импортирует его. Я читал, что могу решить эту проблему с помощью файла webpack.config, но я не хочу извлекать его. Кто-нибудь знает другой способ обойти это?


reactjs gsap
person Brad Woods    schedule 12.10.2016    source источник

Ответы (2)


arrow_upward
3
arrow_downward

Поскольку его поддержка модулей не работает, и в настоящее время, похоже, приоритет отдается вспомогательным системам, таким как RequireJS По сравнению с современными сборщиками пакетов, такими как Browserify и webpack, лучше всего скопировать библиотеку в папку public и использовать ее как тег <script> в файле HTML. Тогда вместо импорта вы будете использовать его с глобальными объектами браузера.

person Dan Abramov    schedule 12.10.2016

arrow_upward
0
arrow_downward

На их форумах много обсуждают этот вопрос:

http://greensock.com/forums/topic/14873-gsap-npmwebpack-import-for-scrolltoplugin/

Если вы не хотите eject хакерский способ заставить это работать, удалите строки 180-185 в /node_modules/gsap/src/uncompressed/plugins/ScrollToPlugin.js файле.

Тогда ты можешь:

import TweenLite from 'gsap';
import 'gsap/src/uncompressed/plugins/ScrollToPlugin';

...

TweenLite.to(something, someValue, {scrollTo: someValue})
person dting    schedule 12.10.2016