エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【覚書】webpackでバンドルしたjs内のfunctionをhtmlから呼ぼうとしてnot definedとなったら - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【覚書】webpackでバンドルしたjs内のfunctionをhtmlから呼ぼうとしてnot definedとなったら - Qiita
<!--(省略)--> <script src="bundle.js"></script> <!--(省略)--> <a href="#" onclick="hoge">htmlから... <!--(省略)--> <script src="bundle.js"></script> <!--(省略)--> <a href="#" onclick="hoge">htmlから呼ぶでー</a> <!--(省略)--> こんな感じで書いておくと、not definedのエラーが出てしまいます。 なぜなら、source.jsで定義したhogeという名前は、バンドル後のbundle.jsでは別の名前(アルファベット1文字とか)になってしまっているからです。 これを解決するには、次のようにhtml側ではなくjs側でonclick属性を指定すると良いでしょう。 便宜上、jQueryを使用した例で記述します。