質問編集履歴
1
追記の依頼あり、問題の詳細を追加します
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -13,7 +13,36 @@
|
|
|
13
13
|
|
|
14
14
|
しかし、animate-config.jsonファイルを作成し、試しに公式の「attention_seekers」をコピペしてnpx gulpを打ったところ、それらしきファイルができませんでした。
|
|
15
15
|
|
|
16
|
+
|
|
16
17
|
表示するページの中をデベロッパーツールで見てみても、animate.cssのコードはコンパイルされていませんでした。
|
|
17
18
|
|
|
18
19
|
上記の手順のどこかに不足があるのでしょうか？
|
|
19
|
-
ご教授よろしくお願いします。
|
|
20
|
+
ご教授よろしくお願いします。
|
|
21
|
+
|
|
22
|
+
**追記
|
|
23
|
+
以下、試したことと、それに対するターミナルの表示です。
|
|
24
|
+
|
|
25
|
+
①npx gulpコマンドを打った結果
|
|
26
|
+
gulpfile.jsに書かれていたdefaultタスクが起動。animate-config.jsonに関する処理は確認できず。
|
|
27
|
+
|
|
28
|
+
②gulpfile.jsを一旦削除してnpx gulp
|
|
29
|
+
No gulpfile found
|
|
30
|
+
と表示
|
|
31
|
+
|
|
32
|
+
③gulpfile.jsに以下のコードを記述してnpx gulp
|
|
33
|
+
```
|
|
34
|
+
let animated = require('animate.css');
|
|
35
|
+
"animated": {
|
|
36
|
+
"bounce": true,
|
|
37
|
+
"flash": false,
|
|
38
|
+
"pulse": false,
|
|
39
|
+
"shake": true,
|
|
40
|
+
"headShake": true,
|
|
41
|
+
"swing": true,
|
|
42
|
+
"tada": false,
|
|
43
|
+
"wobble": true,
|
|
44
|
+
"jello":true
|
|
45
|
+
}
|
|
46
|
+
```
|
|
47
|
+
SyntaxError: Unexpected token :
|
|
48
|
+
と表示
|