質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.85%

  • JavaScript

    14233questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • HTML

    7778questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • Monaca

    895questions

    「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。

  • Onsen UI

    300questions

    HTML5で記述されたモバイルアプリの高速化、およびネイティブアプリライクなUIが作れるフレームワーク。 様々なJavaScriptフレームワークと併せて使用することができます。スマートフォン向けアプリ、Webサイトに必要なアニメーション、UI/UXを実装することが可能になります。

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

解決済

回答 2

投稿

  • 評価
  • クリップ 0
  • VIEW 167

moonYong

score 0

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

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

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 2

+2

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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/04/28 12:04

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

    キャンセル

  • 2018/04/28 16:57

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

    キャンセル

  • 2018/05/01 07:32

    アドバイスありがとうございます。
    帯域の狭そうな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

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

    キャンセル

  • 2018/05/01 11:20

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

    キャンセル

check解決した方法

-1

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

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

TnTechさま

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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/05/06 18:12

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

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.85%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

  • 解決済

    onsenUIの「popover」について

    【質問内容】 「popover」を使用して、数種類あるポップアップ(新着通知、フォルダを作成、編集)から押されたポップアップに応じて処理を変更したいのですが、個別に判定するにはど

  • 受付中

    <ons-tub>で画面遷移をした際のJSの動作

    前提・実現したいこと Monacaでアプリケーションを開発しています。 OnsenUIで<ons-tub>を用いているのですが、main.htmlでJavascriptのソース

  • 解決済

    Onsen UI V2 でページの読み込みに失敗する

    前提・実現したいこと 初めて質問させていただきます。 現在MONACA(ONSENUI V2)を利用しスマートフォンアプリ制作の練習をしています。 "ons-dialog"で

  • 解決済

    ons-lazy-repeatのタグ内でng-clickが使用できない。

    前提・実現したいこと monacaクラウドIDE、onsenUI2.2です。 質問は掲題の通りでons-lazy-repeatを使用するとng-clickが使用できません。

  • 解決済

    ons-tabの非表示

    前提・実現したいこと MonacaでOnsenUI v2を使ったアプリを製作していて、ons-tabを用いてページの切り替えを行っているのですが、ons-tab内のページでpus

  • 解決済

    スワイプ操作での画面遷移

    前提・実現したいこと Monacaでアプリ開発の勉強をしているのですが、OnsenUIのpushpageで画面遷移をした後に、画面を上にスワイプすることでpop-pageができる

  • 解決済

    ons-dialogのhide()について

    前提・実現したいこと ons-dialogの仕様について 発生している問題・エラーメッセージ dialogを閉じてから再度開くと、hide()が効かなくなる。 該当のソース

  • 受付中

    OnsenUIで複数ページを使用するときの戻るボタンが実装できない

    こんにちは。 Monacaのアプリ製作プラットフォームを使っています。 使用しているJSフレームワークは、OnsenUI V2 JS Minimumです。 OnsenUIで複数ペー

同じタグがついた質問を見る

  • JavaScript

    14233questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • HTML

    7778questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • Monaca

    895questions

    「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。

  • Onsen UI

    300questions

    HTML5で記述されたモバイルアプリの高速化、およびネイティブアプリライクなUIが作れるフレームワーク。 様々なJavaScriptフレームワークと併せて使用することができます。スマートフォン向けアプリ、Webサイトに必要なアニメーション、UI/UXを実装することが可能になります。