React - 私のスタイルシートが見つからないのはなぜですか？エラー404

私のルートHTMLファイルはここにあります。ご覧のとおり、Bootstrapからスタイルを取得するのに問題はありません（この機能はうまく動作しています）。 localhost：8080（webpackコマンドでサーバーを実行しています）のブラウザーでindex.htmlを開くと、スタイルシートが見つかりません！これは私が理解できないものです。助けてください。ありがとうございました。React - 私のスタイルシートが見つからないのはなぜですか？エラー404

BTW .. stylesheet.cssは、index.htmlとindex.jsと同じディレクトリレベルにあります。どのようにブートストラップスタイルシートが取得されますが、私のスタイルシートは取得されませんか？

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Weather App</title> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" /> 
    <link rel="stylesheet" href="stylesheet.css" /> 
</head> 
<body> 
    <div id="root"> 

    </div> 
</body> 
</html>

出典

2016-10-21 user7024499

Meteorはすべてのスタイルシートを自動的に読み込みます。/client/stylesheets、/ imports/ui/cssフォルダに置くことをお勧めします。

<link rel="stylesheet" href="stylesheet.css" />を入力する必要はありません。その行を削除して、ページにスタイルが適用されているかどうかを確認してください。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />は外部アドレスから読み込んでいる理由があります。あなたのhtmlでハードコードされており、流星によって管理されていません。私はそれをお勧めしませんが、スタイルシートで同じことをしたいのであれば、それを/ publicフォルダに置き、<link rel="stylesheet" href="/stylesheet.css" />を使用します。しかし、流星はあなたのためにすべてのスタイルシートを管理するように設計されているので、これをしないことをお勧めします。ご注文スタイルシートがインポートされている制御したい場合は

最後に、あなたは絶対パスからimport '/client/stylesheet.css'; //インポートCSSを指定することができます - 明確にするためここを参照してください：作成/パブリックフォルダに入れるんhttps://guide.meteor.com/structure.html#intro-to-import-export

出典

2016-10-21 00:47:10

何の違い？ – user7024499

パブリックフォルダはルートディレクトリとして扱われます。他のすべては流星によって魔法のように読み込まれ管理されますが、パブリックフォルダ内の「何か」は 'src ="/something "'でアクセスできます。 –

React - 私のスタイルシートが見つからないのはなぜですか？エラー404

答えて

関連する問題