javascript - 导入到 Electron JS 时网站不起作用

标签 javascript html css electron

所以我最近一直在尝试学习如何使用 electron JS,但马上我就遇到了一个问题。我想拿一个我不久前创建的旧站点并放入一个 electron 来玩,尽管它在导入元素时会出错。如果我通过浏览器运行相同的文件,一切都很好,但在 Electron 中它会崩溃。我的网站需要动画,所以我使用了 animeJS,尽管由于某些奇怪的原因 Electron 拒绝它而不能使用它,但我的浏览器没有。问题是 Electron 不会导入库“animeJS”我不明白为什么

Electron :

enter image description here

我的浏览器: enter image description here

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>

最佳答案

我通过在 header 中加载脚本然后在 .onLoad() 函数中加载 JS 文件来修复此问题,因为我正在使用 Canvas ,即动漫 JS。

关于javascript - 导入到 Electron JS 时网站不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52510558/

相关文章:

javascript - 带有清除字段按钮的 Angular JS ionic 搜索框

jquery - 使用 jquery 修改现有菜单以具有子菜单

javascript - Dyn 使用 React 更新文本字段

javascript - 浏览器调整大小后,将轮播保持在页面居中的网站上?

css - Contact Form 7 插件,wordpress

javascript - 我怎样才能在我的项目中实现分页

javascript - 音频 onError 参数

javascript - 正则表达式:获取特定子字符串前后的数字

html - 如何在移动 View 中左对齐或恢复默认的 Bootstrap 导航栏对齐方式

css - Zurb Foundation 标签在造型后损坏