ElectronでjQueryがundefinedになったけど2行で解決した話

経緯

テレビ画面のプロトタイプを作るってことで、Electronでサクッと作るのがいいなと思い、jQueryでサクッと作ろうと思ったらいきなりつまづいたので、忘備録。

現象

    <script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="js/script.js"></script>

こんな感じでインポートしたらコンソールにエラー出た

$ is not undefined

Chromeで動くのになんでや。。。
サクッと解決したい！

解決策

サクッと解決2ステップ

1. npmにjqueryをインストールする

$ npm install jquery --save

1. jqueryと自分の作ったjavascriptの間にこれを入れる

<script>window.$ = window.jQuery = require('jquery');</script>

これで解決しました。