phpとsassを使いお問い合わせフォームを作りたい

Question

前提・実現したいこと

phpとsassを使ってお問い合わせフォームを作成したい。

発生している問題・エラーメッセージ

sassで書いたコードがphpに反映されない。

試したこと

パスの指定を変更したがだめだった。

補足情報（FW/ツールのバージョンなど）

demo.phpのリンクにassets/demo.cssを記述しています。
phpの開発環境はxamppです。
htdocsの中にdemoフォルダがあります。

Comments

[kokemomo.sour]

バンドラーは何を利用しているでしょうか？
また、sassのコンパイルエラーを記載するいただくこと可能でしょうか。

[ral819]

大変申し訳ないのですが、バンドラーを指すものがわからないです、、
エラーは写真の通りですが、改善できたので大丈夫です。
しかしphpとdemo.scssが繋がらないです。
demo.phpのリンクにassets/css/demo.cssと記載しているのですが、どこがちがうのかわからないです。

[kokemomo.sour]

ありがとうございます。
sassはどのようにコンパイルしていますか？
assets/css/demo.cssへ意図した内容のファイルがコンパイルされて出力されているでしょうか。

[ral819]

sassのコンパイルはvisual studio codeのプラグインLive Sass Compilerというものでしています。
参考サイト: https://webdesign-trends.net/entry/9295
されているかとおもいます。
更新日時も更新されていますし、css,css.mapのふたつのファイルができています。

[kokemomo.sour]

ありがとうございます。
そもそもcssのリンクは正しそうでしょうか。
ページを開いた時、コンソールには何も表示されていませんか？

[ral819]

再起動してvscodeを開いたら、C:\xampp\php\php.exe が有効な PHP 実行可能ファイルではないため、検証できません。設定 'php.validate.executablePath' を使用して PHP 実行可能ファイルを構成してください。とでましたがこちらは関係ないですよね？
このパスであっているとおもいますが何が違うのかわかりません。

[kokemomo.sour]

ブラウザのDeveloperTool上のコンソールには特にエラー無さそうでしょうか。

[ral819]

なさそうです、、
一つ発見したのですが、phpファイルの拡張子をhtmlにしたらdemo.scssとリンクしました。
しかしphpにもどすとやはりつながりません、、

[kokemomo.sour]

phpをブラウザで開いた際に、該当のCSSのlinkタグは生成されていますか？

[m.ts10806]

そもそもPHPはサーバーサイドなので、「PHPとつながる」ではなく「PHPが出力しているHTMLに反映させる」が正しい表現と思います。
PHP関係なく、静的HTMLにリンクさせた場合はどうなのでしょうか。

[ral819]

すみません、色々いじってlinkのtypeをtext/cssにして更新連打したら反映されました。
何度も解決策を提案してくださりありがとうございました。

[m.ts10806]

>linkのtypeをtext/css
type属性は省略可能です。

[m.ts10806]

単なるキャッシュだった可能性が否めませんが、解決したということなら↓
https://teratail.com/help#resolve-myself

Answer 1

よく見てください、エラー内容に```
File "d:\php.service\htdocs\demo\assets\css\colors" not found

demo.scssがある場所から相対パスで指定してみてください。

Comments

[ral819]

colorsはつながったのですが、demo.scssとphpが繋がりません。
demo.phpのリンクにassets/css/demo.cssと記述しているのですがなにがいけないのかわかりますでしょうか？