Question

因此，我最近一直在尝试学习如何使用电子JS，而马上我遇到了一个问题。我想带一个我不久前创建的旧站点并投入电子游戏，尽管这会给我导入项目带来错误。如果我通过浏览器运行相同的文件，那么一切都很好，但是在电子方面会崩溃。我需要在网站上制作动画，因此我使用animeJS，尽管由于某种奇怪的原因电子无法使用它，但我却没有使用它。问题是电子无法导入我无法理解的库“ animeJS”

电子：

我的浏览器：

import anime from 'animejs'


console.log(anime);
function open() {
    anime({
        targets: "div.right",
        translateX: {
            value: 200,
            duration: 500
        }
    });
    anime({
        targets: "div.left",
        translateX: {
            value: -200,
            duration: 500
        }
    });
}
function close() {
    anime({
        targets: "div.right",
        translateX: {
            value: 0,
            duration: 500
        }
    });
    anime({
        targets: "div.left",
        translateX: {
            value: 0,
            duration: 500
        }
    });
}

<!DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8">
      <title>Underscores</title>
      <link rel="stylesheet" href="styles.css">
      <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous">
      <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.2.0/anime.js"></script>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
      <script src="back.js" charset="utf-8"></script>
      <script src="button.js" charset="utf-8"></script>
   </head>
   <body>
     
    


      
   </body>
</html>

Answer 1

我通过在标头中加载脚本的方式修复了此问题，然后在使用画布（即动画JS）时在.onLoad（）函数中加载了JS文件。

导入到Electron JS

1 个答案: