質問するログイン新規登録

質問編集履歴

1

追記

2019/08/21 16:42

投稿

3dprinter
3dprinter

スコア4

title CHANGED
@@ -1,1 +1,1 @@
1
- electronなどのバージョンをhtml上で表示させたいが、出来ない
1
+ Electronのバージョンを.html上で表示させたいが、出来ない
body CHANGED
@@ -1,5 +1,5 @@
1
1
  ### 前提・実現したいこと
2
- electron、Code.jsともに触ったばかりです。
2
+ electron、Node.jsともに触ったばかりです。
3
3
 
4
4
  [最新版で学ぶElectron入門](https://ics.media/entry/7298/)
5
5
  上のサイトを参考にNode.jsや、electronをインストールしてプログラムを実行しました。
@@ -98,9 +98,9 @@
98
98
   document.writeがおかしいわけではなさそうでした。
99
99
 
100
100
  ・index.html内でprocess.versions.nodeが見れないのが原因であると推測したのですが、
101
-  electronはもちろん、Code.jsすら初めての自分には、解決方法が思いつきませんでした。
101
+  electronはもちろん、Node.jsすら初めての自分には、解決方法が思いつきませんでした。
102
102
 
103
- Code.jsの再インストールも試したのですが、改善されませんでした。
103
+ Node.jsの再インストールも試したのですが、改善されませんでした。
104
104
 
105
105
  ・いくつかサイトを回って確認してみたのですが、自分と同じような事が起こった人物を見つけられませんでした。
106
106
 
@@ -111,4 +111,30 @@
111
111
  ### 補足情報(FW/ツールのバージョンなど)
112
112
  Node.js : v10.16.3
113
113
  npm : 6.9.0
114
- electron : v6.0.3
114
+ electron : v6.0.3
115
+
116
+ ###追記
117
+ htmlのスクリプトを、別スクリプトを参照する方式をとってみたのですが、解決できませんでした。
118
+ これはmain.js意外だとprocess.versions.nodeを参照することが出来ないようになっているからだと推測しています。
119
+
120
+ 以下、その追記したプログラム内容
121
+ ```html
122
+ <!--Here is index.html -->
123
+ <html>
124
+ <head>
125
+ <meta charset="UTF-8">
126
+ <title>Hello World!</title>
127
+ </head>
128
+
129
+ <body>
130
+ <h1>初めてのElectron</h1>
131
+ We are using node <script type="text/javascript" src="version.js"></script>,
132
+ Chrome <script>document.write(process.versions.chrome);</script>,
133
+ and Electron <script>document.write(process.versions.electron);</script>.
134
+ </body>
135
+ </html>
136
+ ```
137
+ ```js
138
+ //Here is version.js
139
+ document.write(process.versions.node);
140
+ ```