ターミナルを使って、コンパイルするようなものは、ほぼしたことのない初心者です。
NW.jsというもので、
html5+CSS+JavascriptのWebアプリをブラウザ付きのGUIアプリにできると聞いたので、
調べながら簡単な物で勉強しようとしているところですが、
いきなりつまづいてしまいました。
#やったこと
MacにNode.jsをインストール
上記サイトを参考に、Homebrew、nodebrew、Node.jsのそれぞれ最新をインストール
Homebrew 2.0.2
nodebrew v8.9.4
node v11.10.0
Electronよりもお手軽に!NW.jsならデザイナーでもデスクトップアプリが作れる
上記サイトをに沿って、プロジェクトフォルダを作成し、
その中にsrcフォルダ、package.jsonなど、参考サイト通りのディレクトリ構成にし、プロジェクトフォルダに移動して$ npm install
を実行。npm 6.7.0
src内の内容は、テキストエリアに文字を入力してボタンをクリックすると、入力した文字がアラートで表示されるという、単純なものです。
src/package.json
json
1{ 2 "name":"nwTest", 3 "main":"views/main.html", 4 "window":{ 5 "min_width":800, 6 "min_height":600, 7 "icon":"assets/icon.png" 8 } 9}
package.json
json
1{ 2 "name": "nwTest", 3 "version": "1.0.0", 4 "description":"testapp", 5 "devDependencies": { 6 "nw": "^0.18.8", 7 "nw-builder": "^3.5.7" 8 }, 9 "scripts": { 10 "dev": "nw src/", 11 "prod":"nwbuild --platforms win32,win64,osx64,linux32,linux64 --buildDir dist/ src/" 12 } 13}
#結果
$ npm run dev
したところ、特に問題なくネイティブアプリのように立ち上がり、
ボタンクリックで入力テキストをアラート表示も問題なく動作しました。
しかし、ビルドしようと$ npm run prod
したところ、下記のエラーが表示され、何もビルドされませんでした。
Error
1Please make sure that your project's package.json includes a version and a name value 2npm ERR! code ELIFECYCLE 3npm ERR! errno 1 4npm ERR! nwTest@1.0.0 prod: `nwbuild --platforms win32,win64,osx64,linux32,linux64 --buildDir dist/ src/` 5npm ERR! Exit status 1 6npm ERR! 7npm ERR! Failed at the nwTest@1.0.0 prod script. 8npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
nwbuildを調べて、npm install nw-builder --save-dev
を実行し、もう一度npm run prod
をしましたが変わりませんでした。
package.jsonのname、versionの書き方が悪い?
scriptのprodの内容が間違っている?
と思うのですが、どうしたらいいのかわかりません…。
scriptのprodの内容は、--platforms win32,win64,osx64,linux32,linux64を削除して見たり、--run trueをいれてみても変わりませんでした。
間違っているところや、最新の参考サイトなど、教えていただければと思います。
どうぞよろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。