2016-02-25 48 views
0

我遇到了React教程的麻煩。在從stackoverflow的一些幫助後,我能夠得到服務器/ API運行,但現在出於一些奇怪的原因base.css不加載。反應教程不加載base.css

base.css位於css文件夾中,當它在Dreamweaver中編輯時,它會自動加載base.css,所以我很困惑。

enter image description here

這裏是我的index.html

<!DOCTYPE html> 
    <html> 
     <head> 
     <meta charset="utf-8"> 
     <title>React Tutorial</title> 
     <!-- Not present in the tutorial. Just for basic styling. --> 
     <link rel="stylesheet" href="css/base.css" /> 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react.js"></script> 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react-dom.js"></script> 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.6.15/browser.js"></script> 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.5/marked.min.js"></script> 
     </head> 
     <body> 
     <div id="content"></div> 
     <script type="text/babel"> 

     var Comment = React.createClass({ 
      render: function() { 
       return (
        <div className="comment"> 
         <h2 className="commentAuthor"> 
          {this.props.author} 
         </h2> 
          {this.props.children} 
        </div> 
       ) 
      } 
     }); 

      var CommentList = React.createClass({ 
       render: function() { 
       return (
        <div className="commentList"> 
        <Comment author="Pete Hunt"> This is one comment</Comment> 
        <Comment author="Jordan Walke"> This is another comment</Comment> 
        </div> 
       ); 
       } 
      }); 

      var CommentForm = React.createClass({ 
       render: function() { 
       return (
        <div className="commentForm"> 
        Hello, world! I am a CommentForm. 
        </div> 
       ); 
       } 
      }); 

      var CommentBox = React.createClass({ 
      render: function() { 
      return (
       <div className="commentBox"> 
       <h1>Comments</h1> 
       <CommentList /> 
       <CommentForm /> 
       </div> 
      ); 
      } 
     }); 



     ReactDOM.render(
      <CommentBox />, 
      document.getElementById('content') 
     ); 

     </script> 
     </body> 
    </html> 
+0

檢查base.css第7行,或者您是否可以發佈base.css文件或更多關於錯誤狀態的信息。 –

回答

0

的問題是我需要添加的領先削減到.css文件引用。

成爲

的CSS加載並應用到該頁面。