create-react-app:jquery.themepunch.tools.min.js找不到tweenlite.js

时间:2017-12-07 00:11:16

标签: webpack jquery-plugins require create-react-app

我正在构建使用create-react-app创建的react应用程序。我在使用jquery插件jquery.themepunch.revolution.min.js时遇到了一些困难。

首先,我将此库放在src/assets文件夹中,以便webpack可以访问它。然后在我的index.tsx文件中,我这样要求:

  

需要( “./资产/插件/ RS-插件/ JS / jquery.themepunch.tools.min.js”);

然后我收到此错误:

  

./ SRC /资产/插件/ RS-插件/ JS / jquery.themepunch.tools.min.js   找不到模块:无法解析'TweenLite'   'C:\项目\ schoolz \ SRC \资产\插件\ RS-插件\ JS'

我确认tweenlite.js文件确实在文件夹中。

enter image description here

在jquery.themepunch.tools.min.js的源代码中深入研究,我可以看到调用需要tweenlite.js:

enter image description here

此调用失败。任何建议都将不胜感激。

谢谢!

1 个答案:

答案 0 :(得分:1)

尝试将以下内容添加到Webpack配置文件中:

resolve: {
  root: path.resolve(__dirname),
  extensions: ['', '.js'],
  alias: {
    "TweenLite": "gsap/src/uncompressed/TweenLite" //Path to your TweenLite file
  }
}