Q&A
もしかして、svgとか読み込んだりしてませんか？
こんにちは、相変わらずプログラミングを一から独学してHPを自作している者です！
どうにか山あり谷ありを越えてローカル環境で理想的なホームページを作ることができました。
いざ契約！ということで
さくらサーバーを契約し、Mac用FTPの『Transmit』を使って接続！のちに 『www』フォルダの中に転送！ していざ検索！ してみたところ……
どうやらホームのhtml一枚しか読み込まれておりません！ cssのないモノクロで、画像もちっちゃいアイコンみたいになっちゃってて、list-style:none;にしたはずの<li>の前に点がついている始末です。クリックしても他のhtmlページに飛びません。
絶望です！
エラーメッセージは
Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://kanamijp.com/css/design.css".
と
Uncaught SyntaxError: Unexpected token '<'
の２つです。どなたか意味を教えてください。
HP制作がこんなに大変だなんて…オススメのMAC用FTPも知りたいです。
よろしくお願いいたします
追記：
cssはhtmlとは別に外部cssで記述しています。
htmlには
追記2021/3/31：
[Uncaught SyntaxError: Unexpected token '<']に関しては 該当のhtmlに不要な'<'が記載されているという意味であることがわかりました。現在全力で探しています。
追記2021/3/31 AM11:32：
現状転送時に何か不明な現象が起きてしまったとしか思えないので
●別のFTPを使用してアップしてみる
●一ページずつ転送前と後とで見比べてみる
を試します。ご回答いただいたみなさま、ありがとうございました。
追記2021/4/5
お疲れさまです。なんやかんやありましたが、今回の問題、解決しませんでした。別のFTP(FileZilla)でもアップしましたが同様の表示になり、サーバー側に問い合わせましたが、ファイルが書き換えられることはあり得ない、という回答でした。お手上げです。この度は一旦公開を諦めます。
もしかしたらなんやかんやしているときにサーバー側のデフォルトフォルダを消してしまったかも知れず(影響ないはずとの、回答でしたが...)
一旦契約をキャンセルし、再びホームページ欲がわいたら挑戦したいと思います。
何冊かHP作成の本やらTransmit も公式版(¥5000くらいする)買ってしまったので公開にこぎつけたかったのですが～！無念です！
回答いただいた皆様、誠にありがとうございました！
調べましたが画像フォーマットみたいですね！
残念ながら読み込んでおりません。
jpgはhtmlと同じフォルダにさらにフォルダを作って保存しており一枚ずつリンクしております。ローカルプレビュー時は反映されていたので階層ミスでもないようです...。
すべてのファイルが作成時のままの構造でアップされていますか？
絶対に存在しないようなアドレスで試したところindex.htmlと同じものが表示されたので、サーバーの設定などで404の代わりにindex.htmlが表示される状態になっているような気がします（憶測）。
そのためcssや画像、jquery-3.6.0.min.jsも全てindex.htmlとして扱われている→jsやcssとして誤った記述になっている ということかもしれません。
作成時のままでアップはされています。（Transmitを２つに分割してhtml一式が入っているフォルダの中身を「www」というさくらサーバー指定のフォルダの中に一括転送→「www」フォルダを開くと、htmlを入れていた「kanamiworks」フォルダと同じ階層、ファイル数になります）
ということはやはり転送時にどこかが文字化けしたり誤った記述になっているということでしょうか。
転送後に何かが起きていたらVSCエディタではエラー表示できませんし、転送前のプレビューで正常に表示されてもわからないですよね。一度一ページずつ転送前と転送後とで内容が書き換わっていないか見比べてみます。
途方もない…ですが…ありがとうございます＞＜
他の方からも提案されてますが、別のFTPでも接続して中身を確認してみてください。
https://help.sakura.ad.jp/category/rs/rs_website_data/rs_website_data_ftp_mac/
回答3件
0
読み込んでいるCSSファイル、画像ファイル、JSファイルなどを確認しましたが、中身はどれもindex.htmlと全く同じ内容のHTMLファイルでした。
Uncaught SyntaxError: Unexpected token '<'
これに関しては、CSSファイルなのに<!DOCTYPE html>で始まっていることが原因でしょう。
FTP転送時の問題の可能性があります。CSSファイルだけで転送してみる、などをしてみてください。
HTMLファイル自体にはおそらく問題はないです。
nginxを使ってるようなので、nginxの設定に問題がある可能性があります。
上記の解決方法でダメなら確認してみてください。
投稿2021/03/31 04:02
編集2021/03/31 04:07
総合スコア179
わぁーー！！最初のCHERRYさんから皆様が言ってたのってそういうことだったんですね！！<!DOCTYPE html>で始まってるなんてそんな...!! index.htmlってなんなんでしょう...!!
アップロードしたcssを開いてchromeでコードをみておくべきだったんですね!!!!表面の文字ばかり確認してました...
nginxはたしかに、さくらサーバーの仕様に書いてありました！
サーバーの設定しきれてない部分があるかもしれないですね、確認します！
再度試したみたのですが、FTPの問題ではなく、確実にnginxの設定の問題ですね。
「http://kanamijp.com」の後にどんな文字列を打ち込んでもHTMLファイルが返ってきます。
(http://kanamijp.com/tera/tailなど)
つまり、CSSファイルにアクセスしてもHTMLファイルが返ってくるということです。
画像ファイルでも、javascriptファイルでも同様です。
nginxの設定やサーバーの設定を確認してみてください。
> nginxはたしかに、さくらサーバーの仕様に書いてありました！
お使いのサーバは、レンタルサーバですか？
利用されているサービス名を質問に追記いただけないでしょうか。
0
ベストアンサー
Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://kanamijp.com/css/design.css"
これを見る限り、cssをテキスト転送しているようですが…
FTPでcssがバイナリ転送されているかどうかChromeなどで確認してみてください。
投稿2021/03/31 02:03
総合スコア3647
私もそちらのサイトを拝見して確認したのですが、Transmitでの転送はもともとバイナリ設定でファイルが壊れている、文字化けしているとかでもなさそうではあります…。
ただサイトからコピペしただけのコードもあるので全角が混じってたとかそういうのがないか見比べてみます。
現状VSCエディタではエラー表記ないんですけど……いろいろ調べてみます！ありがとうございます！
別のFTPで転送してみる、キャッシュを削除する（特にChromeはCSSは保持しやすい）、別ファイルを新たに作成して転送してみるなども試してみてください。
承知しました、試してみます、ありがとうございます！
0
エラーメッセージのファイル
ですが、ファイル名は css ファイルのようですが、中身は CSS ではなく HTML が記載されているようです。
ファイルの中身を確認して、正しいCSS を記載してみてください。
投稿2021/03/30 20:23
総合スコア25218
外部cssですがキチンとcssでの表記ができていますしローカルプレビュー時ではそのつど反映されておりました…。
もう少し色々試してみて、もしダメならhtml内に直接書き込む方法を試します。
ありがとうございました！
Uncaught SyntaxError: Unexpected token '<'
こっちから潰した方がよさそうです。なんのファイルの何行目に出ているか確認した方がよさそうですよ。
ありがとうございます、探してみます！
あなたの回答
tips
プレビュー
