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

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

新規登録して質問してみよう
ただいま回答率
85.50%
PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Laravel 5

Laravel 5は、PHPフレームワークLaravelの最新バージョンで、2014年11月に発表予定です。ディレクトリ構造がが現行版より大幅に変更されるほか、メソッドインジェクションやFormRequestの利用が可能になります。

Q&A

解決済

1回答

3625閲覧

Laravel Mix にてapp.js に記述したが、実行されない。

hrsi_teratail

総合スコア93

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Laravel 5

Laravel 5は、PHPフレームワークLaravelの最新バージョンで、2014年11月に発表予定です。ディレクトリ構造がが現行版より大幅に変更されるほか、メソッドインジェクションやFormRequestの利用が可能になります。

0グッド

0クリップ

投稿2018/04/17 20:46

編集2018/04/18 08:51

Laravel 5.6 + Laravel MIX を使用しています。

resouces 配下に
app.jsを修正しました。

JavaScript

1 2require('./bootstrap'); 3 4window.Vue = require('vue'); 5 6Vue.component('example-component', require('./components/ExampleComponent.vue')); 7 8const app = new Vue({ 9 el: '#app' 10}); 11 12// 以下を追加 13 // 削除 14 $(document).on('click', '.delete-modal', function () { 15 $('.modal-body-val').text($(this).data('body')); 16 $('form').attr('action', $(this).data('action')); 17 $('#ModalDelete').modal('show'); 18 }); 19 20

その後、npm run dev
にて、publicでのapp.js

に反映されることを確認しました。

しかし、上記の削除メソッドが実行されません。

単純にViewのscriptタグに記述すれば
動作することを確認してます。

何が悪いでしょうか?

以下のapp.jsが見当たらない?
イメージ説明

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

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Lulucom

2018/04/17 23:43

ブラウザが読み込んでいるapp.jsに反映されていることは確認できますか?ChromeのDeveloper Tools等のSourcesタブでjs/app.jsの中を見て該当コードを検索してみるとよいかと思います。
hrsi_teratail

2018/04/18 08:50

Developer Toolsで確認したところ、js/app.jsがありませんでした。添付画像をはりつけます。
Lulucom

2018/04/18 09:02

そのViewかレイアウトのテンプレートでは、js/app.jsをロードしていますか?
hrsi_teratail

2018/04/18 09:06

{!! Html::script('js/app.js') !!} として読み込んでいます。
Lulucom

2018/04/18 09:15

ブラウザの[ページのソースを表示]でjs/app.jsをロードしているところがリンクになっててapp.jsのソースを見れると思うのですが、そこで該当コード($(document).on('click', '.delete-modal', function () {...)は含まれてますか?
hrsi_teratail

2018/04/18 12:53

再度、jsをコンパイルし、実行させてみると 理由はわかりませんが、反映されました。ありがとうございます。
guest

回答1

0

自己解決

再度、jsをコンパイルし、実行させてみると
理由はわかりませんが、反映されました。

投稿2018/04/18 12:53

hrsi_teratail

総合スコア93

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問