animejsを動かしたい
animejsを動かしたい
動きません 色々検索してやってみたもののうまくいきません。
<body>
<div class="el"></div>
<script src="anime.min.js"></script>
<script>
anime({
targets: '.el',
translateX: 250
});
</script>
</body>
↑この結果 ↓これが出てしまう
index.html:14 Uncaught ReferenceError: anime is not defined at index.html:14:3
なので
<body>
<div class="el"></div>
<script src="anime.min.js"></script>
<script>
//ここを追加↓
const anime = require('animejs');
anime({
targets: '.el',
translateX: 250
});
</script>
</body>
結果
Uncaught ReferenceError: require is not defined at index.html:15:19
requireが定義されてないと。
何かをimportするのかな？と、、手探りでドキュメントに書いてあったものを。
「requireが定義されてない」？？？
<body>
<div class="el"></div>
<script src="anime.min.js"></script>
<script>
import anime from 'animejs/lib/anime.es.js';
const anime = require('animejs');
anime({
targets: '.el',
translateX: 250
});
</script>
</body>
そしてエラー
Cannot use import statement outside a module
cssは当たっています
.el{
width: 50px;
height: 50px;
}
解決策お願いします。
0
