前提・実現したいこと
・SCSSファイルを正しくコンパイルさせたい
・CSSを反映させたい
【前提】
・WordPressでの実装となります
・WP-SCSSプラグイン使用
・ローカルから本番環境に移行後、エラー発生
発生している問題・エラーメッセージ
WP-SCSSでコンパイルする際に添付画像の様に404エラーが生じます。
404エラーということはファイルが存在しない、存在を確認できない。
といった原因ではないかと考えています。
php
1Failed to load resource: the server responded with a status of 404 (Not Found)
下記はWPのテーマエディタのstyle.css (css/style.css)内の状況です。
scss
1@import "foundation/reset"; 2@import "foundation/base"; 3@import "layout/footer"; 4@import "layout/header"; 5@import "layout/main"; 6@import "object/component/top-btn"; 7@import "object/project/mv"; 8@import "object/project/service"; 9@import "object/project/section"; 10@import "object/project/work"; 11@import "object/project/faq"; 12@import "object/project/contact"; 13@import "object/project/info"; 14@import "object/project/form"; 15
本来であれば,コンパイルされたソースコードが長々と記載されているはずですが、
下記の様にsass/style.scssで@importしたファイル名の記載でソースコードまで届いていません。
この状況を解決できればCSSリンクも当たり、解決に至るのでは無いかと考えますが、解決手段に至らず、質問させてもらいました。
該当のソースコード
scss
1[sass/style.scss] 2 3// ========================================================================== 4// Foundation 5// ========================================================================== 6 7@import "foundation/reset"; 8@import "foundation/base"; 9 10// ========================================================================== 11// Layout 12// ========================================================================== 13 14@import "layout/footer"; 15@import "layout/header"; 16@import "layout/main"; 17 18// ========================================================================== 19// Object 20// ========================================================================== 21 22// ----------------------------------------------------------------- 23// Component 24// ----------------------------------------------------------------- 25 26@import "object/component/top-btn"; 27 28// ----------------------------------------------------------------- 29// Project 30// ----------------------------------------------------------------- 31 32@import "object/project/mv"; 33@import "object/project/service"; 34@import "object/project/section"; 35@import "object/project/work"; 36@import "object/project/faq"; 37@import "object/project/contact"; 38@import "object/project/info"; 39@import "object/project/form"; 40 41
試したこと
WP-SCSSプラグインの階層設定をいじってみましたが、解決に至りませんでした。
他にもググって調べてはいるのですが、本件に近い症状の記事を見つけられず、ヒントでもいただけないかと思います。
もし、足りない情報などがございました際はお申し付けください。
よろしくお願いいたします。
補足情報(追加情報)
あなたの回答
tips
プレビュー