Question

我想在我的React应用程序中使用Filtrr2.js（https://github.com/alexmic/filtrr/tree/master/filtrr2）库。由于该库没有npm，因此我已将js下载到 src 文件夹文件中，并在index.html中提供了路径，如下所示：

<body>
    <div id="root"></div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script
      src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"
      integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU="
      crossorigin="anonymous"
    ></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/camanjs/4.1.2/caman.full.js"></script>
    <script src="../src/plugins/filtrr2.js"></script>
    <script src="../src/plugins/util.js"></script>
    <script src="../src/plugins/effects.js"></script>
    <script src="../src/plugins/layers.js"></script>
    <script src="../src/plugins/events.js"></script>
  </body>

然后在componentDidMount的app.js中，我试图像这样

console.log(window.filtrr2);

但是此返回未定义，并且我也收到以下错误：

Uncaught SyntaxError: Unexpected token <filtrr2.js:1
    Uncaught SyntaxError: Unexpected token <util.js:1 
    Uncaught SyntaxError: Unexpected token <effects.js:1 
    Uncaught SyntaxError: Unexpected token <layers.js:1 
    Uncaught SyntaxError: Unexpected token <events.js:1

任何人都可以帮助在React中使用该库吗？

在React中导入filtrr2.js时出错

0 个答案: