Uncaught ReferenceError: ons is not defined のエラーが出ます

Question

HTML, javascript 初心者です。
Monacaをフリープランでテストしています。
OnsenUIのテンプレートを選択し、OnsenUI V2 JS Minimum で作成。

<script src="lib/onsen/js/onsenui.js"></script>

<script>
    ons.ready(function() {
      console.log("Onsen UI is ready!");
      makeADGTag('48547','footerFloatingMenu', '320', '50');
    });
</script>

ons in not defined のエラーが出ています。

以下のURLでは、onsオブジェクトはJavaScriptのグローバルスコープで利用でき、多くの便利なメソッドやプロパティを提供してくれます。
と書かれています。
https://ja.onsen.io/v2/guide/fundamentals.html

何か情報が不足しているのでしょうか？
よろしくお願いします。

Answer 1

ons in not definedはまだonsが定義されていない状態です。
<script src="lib/onsen/js/onsenui.js"></script> を先に記述する必要があります。

Comments

[moonYong]

ご回答ありがとうございます。
順番を記述し忘れましたけど、そのように記述している結果です。

[退会済みユーザー]

あとはasyncやdeferなど非同期で読み込まれている場合ですかねー。プロジェクトを作り直してみるなどいかがでしょうか。

[moonYong]

アドバイスありがとうございます。
帯域の狭そうなWi-fi の環境で使っています。
Google Chrome のデバッグ機能で console を見たところ、以下のメッセージが出ました。

Failed to load resource: the server responded with a status of 404 (Not Found)
(index):1 Refused to execute script from 'https://c-6ef60e6a4633a517677f63f21423d3--507299520-8080.monaca-app.com/lib/onsen/js/onsenui.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.
app.js:4 Load app.js
(index):116 Uncaught ReferenceError: ons is not defined
at (index):116

非同期の読み込みはありません。
またプロジェクトの作り直しでは、同じ症状でした。
何かお気づきの点があれば引き続きアドバイスをお願いいたします。

[退会済みユーザー]

onsenuiが読み込まれていないですね。monacaのバージョンを上げる？とかで改善しないでしょうか。詳しいエラー内容についてはご自身でお調べいただくとして、問題はmonacaにありそうなので最悪は問い合わせてみてください。monacaの使用経験がなくあまりお力になれずすみません。

Answer 2

プロジェクトのひな形をつかったので、フォルダやファイルの構成は自動でつくられたのですが、手でそれらの構成を少し触ってしまいました。
その関係でフォルダのパス指定が誤っていることに気がつきました。
（見直しをしていて気がつきました）

正しいパス指定にすることで ons が見つかりました。

TnTechさま

お世話になりました。
アドバイスありがとうございました。
自己解決とさせて頂きます。
たいへん失礼しました。

Comments

[退会済みユーザー]

そういうこともありますよね。私も初めたばかりの頃は余計なことをしていることに気付かず行き詰まっていました。そこまで大きいプロジェクトでなければ、１から作り直してみたほうが早いこともありますよね。