質問編集履歴
3
修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -10,7 +10,7 @@
|
|
10
10
|
|
11
11
|
jQueryで開発していたコードをReact.jsベースに書き換える作業
|
12
12
|
|
13
|
-
で発生
|
13
|
+
で発生。
|
14
14
|
|
15
15
|
jQueryベースでは問題なくlazy-load.js含むjQueryコードは
|
16
16
|
|
@@ -34,34 +34,12 @@
|
|
34
34
|
|
35
35
|
解決できる筈だがそこでも「require is not defined」と
|
36
36
|
|
37
|
-
エラーが発生
|
37
|
+
エラーが発生。
|
38
38
|
|
39
39
|
単純にjQueryコードからReact.jsするために、今まで使って
|
40
40
|
|
41
|
-
いたテンプレート○○.ejsから○○.jsxに変
|
41
|
+
いたテンプレート○○.ejsから○○.jsxに変更したが
|
42
42
|
|
43
|
-
なぜ複数の<script src ='○○.js'></script>
|
43
|
+
なぜか複数の<script src ='○○.js'></script>
|
44
44
|
|
45
|
-
連結されてない
|
45
|
+
が自動連結されていない状態。
|
46
|
-
|
47
|
-
○○.jsxに書くのがいけないのでしょうか?、例えば○○.htmlに
|
48
|
-
|
49
|
-
jquery、lazy-load.js等jQueryプラグインを
|
50
|
-
|
51
|
-
<script src ='○○.js'>と複数書けば解決する
|
52
|
-
|
53
|
-
のでしょうか?
|
54
|
-
|
55
|
-
又、○○.jsxには、<script src ='○○.js'></script>
|
56
|
-
|
57
|
-
と「複数」のjsファイルを書くのは邪道で、import ○○.js
|
58
|
-
|
59
|
-
或いは、require ○○.jsに連結するjsファイルを定義しない
|
60
|
-
|
61
|
-
と駄目なのでしょうか?
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
jQueryベースのシステムをes6、 webpack、React.js
|
66
|
-
|
67
|
-
ベースに書き換えるのが目的です。
|
2
文章修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -34,9 +34,7 @@
|
|
34
34
|
|
35
35
|
解決できる筈だがそこでも「require is not defined」と
|
36
36
|
|
37
|
-
エラーが発生
|
37
|
+
エラーが発生
|
38
|
-
|
39
|
-
ではimport及びrequireは考慮しません。
|
40
38
|
|
41
39
|
単純にjQueryコードからReact.jsするために、今まで使って
|
42
40
|
|
1
改行修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,25 +1,69 @@
|
|
1
1
|
問題)
|
2
2
|
|
3
|
-
index.jsx内からscript src ='/・・・/lazy-load.js'と、
|
3
|
+
index.jsx内からscript src ='/・・・/lazy-load.js'と、
|
4
4
|
|
5
|
+
lazy-load.js利用のjsファイルを呼び出すと
|
6
|
+
|
7
|
+
$(○○).lazyload ()部分が、lazyload is not defined
|
8
|
+
|
9
|
+
と怒られてしまう。
|
10
|
+
|
11
|
+
jQueryで開発していたコードをReact.jsベースに書き換える作業
|
12
|
+
|
13
|
+
で発生
|
14
|
+
|
5
|
-
jQuery
|
15
|
+
jQueryベースでは問題なくlazy-load.js含むjQueryコードは
|
16
|
+
|
17
|
+
正常に動作していた。
|
6
18
|
|
7
19
|
状況)
|
8
20
|
|
9
|
-
expressからテンプレート.jsxのrenderを可能にしており、
|
21
|
+
expressからテンプレート.jsxのrenderを可能にしており、
|
10
22
|
|
23
|
+
index.jsxにcss及び「単独でのjs」ファイルは正常に機能する。
|
24
|
+
|
11
|
-
lazy.load.jsが必要な自分で書いたjsファイルでエラー発生
|
25
|
+
lazy.load.jsが必要な自分で書いたjsファイルでエラー発生
|
26
|
+
|
27
|
+
している状態。
|
12
28
|
|
13
29
|
やりたい事)
|
14
30
|
|
15
|
-
import ○○.js又は、require ○○.jsで定義してwebpack
|
31
|
+
import ○○.js又は、require ○○.jsで定義してwebpack
|
16
32
|
|
17
|
-
|
33
|
+
(gulp, grantは本開発では使っていない)でコンパイルすれば
|
18
34
|
|
19
|
-
|
35
|
+
解決できる筈だがそこでも「require is not defined」と
|
20
36
|
|
37
|
+
エラーが発生 → 別issueを立てて別途質問しますので本件
|
38
|
+
|
39
|
+
ではimport及びrequireは考慮しません。
|
40
|
+
|
41
|
+
単純にjQueryコードからReact.jsするために、今まで使って
|
42
|
+
|
43
|
+
いたテンプレート○○.ejsから○○.jsxに変えただけなのに
|
44
|
+
|
45
|
+
なぜ複数の<script src ='○○.js'></script>が自動
|
46
|
+
|
47
|
+
連結されてないのでしょうか?
|
48
|
+
|
49
|
+
○○.jsxに書くのがいけないのでしょうか?、例えば○○.htmlに
|
50
|
+
|
51
|
+
jquery、lazy-load.js等jQueryプラグインを
|
52
|
+
|
53
|
+
<script src ='○○.js'>と複数書けば解決する
|
54
|
+
|
55
|
+
のでしょうか?
|
56
|
+
|
21
|
-
又、○○.jsxには、<script src ='○○.js'></script>
|
57
|
+
又、○○.jsxには、<script src ='○○.js'></script>
|
58
|
+
|
59
|
+
と「複数」のjsファイルを書くのは邪道で、import ○○.js
|
60
|
+
|
61
|
+
或いは、require ○○.jsに連結するjsファイルを定義しない
|
62
|
+
|
63
|
+
と駄目なのでしょうか?
|
22
64
|
|
23
65
|
|
24
66
|
|
25
|
-
jQueryベースのシステムをes6、 webpack、React.js
|
67
|
+
jQueryベースのシステムをes6、 webpack、React.js
|
68
|
+
|
69
|
+
ベースに書き換えるのが目的です。
|