Q&A
いっそ全部コンパイルしたものをアップロードされては
laravel 6 でリアルタイムのチャット欄を作りたい
https://noumenon-th.net/programming/2020/07/11/aravel-broadcast/を参考にして、linux mint 20.1 cinnamonのローカル環境では pusher を用いてほぼイメージ通り動いています。
ところが xserver ではうまく動きません。
firefox のコンソールを見ると、app.js が読み込まれいないと表示されます。
発生している問題・エラーメッセージ
<script> のソース “https://myaccount.xsrv.jp/js/app.js” の読み込みに失敗しました。
該当のソースコード
welcome.blade.php
php
1<DOCTYPE HTML> 2<html lang="ja"> 3<head> 4<meta charset="UTF-8"> 5<title>test</title> 6</head> 7<body> 8hello 9<script src="{{ mix('js/app.js') }}"></script> 10</body> 11</html>
試したこと
mix を asset にしても secure_asset にしてもダメでした。
deferでheader内に入れてもダメでした。
npm run dev でのコンパイルは成功します。
webpack.mix.jsはデフォルトのままです。
const mix = require('laravel-mix');
mix.js('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css');
どうしたらいいんでしょうか？
補足情報（FW/ツールのバージョンなど）
ここにより詳細な情報を記載してください。
読み込み失敗しているのはパスが通っていないなどでは？
回答1件
0
ベストアンサー
お二人とも回答ありがとうございます。
いっそ全部コンパイルしたものをアップロードされては
これはダメでした。
読み込み失敗しているのはパスが通っていないなどでは？
app.jsのパスの通し方がわかりませんでした。
webpack.mix.jsのmix.js('resources/js/app.js', 'public/js')で、自動的にapp.jsが読み込まれると思っていました。
そこで、参考サイトを元にして自分で作ったマニュアルでもう一度最初から設定したら、app.jsは読み込めるようになりました。ページのソースからapp.jsをすべて見ることができます。しかし今度はapp.cssが読み込めなくなりました。同じようにやってるつもりですが。
しかも、以下のようなエラーが出ます。
Uncaught (in promise) Error: Request failed with status code 404
createError https://myaccount.xsrv.jp/js/app.js:699
settle https://myaccount.xsrv.jp/js/app.js:960
handleLoad https://myaccount.xsrv.jp/js/app.js:168
xserverにはsshログインしていろいろ操作していたのですが、viエディタも不慣れであり操作中にミスタイプしたのかもしれません。
しかし、app.jsが読めるようにはなったのでこの質問は終了させて頂きます。
投稿2021/02/07 08:04
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
