2016-04-26 36 views
0

我缺少一些真正明顯的與HTTP中的靜態文件服務相關的東西。無法提供鏈接到HTML文件的腳本文件與koa

我可以從我的文檔<head>中鏈接<script>標籤中的CDN腳本文件。但是我無法鏈接自己的JavaScript文件,這些文件駐留在我的HTTP服務器根目錄下的/components文件夾中,由koa.js運行。我知道這一點,通過檢查瀏覽器檢查器資源,有CDN交付文件,但沒有後者的痕跡。

需要鏈接到以下html文件的文件是components/questionbox.jscomponents/main.js

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8" /> 
    <title>Questions, Home</title> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script> 

    <!-- Universal JS-ClientSide (1/3): Load React, ReactDOM and the react component to be mounted to the mount node. --> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.1/react.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.1/react-dom.js"></script> 
    <script src"/questionbox.js"></script> 
    <!-- Universal JS-ClientSide (1/3): Load React, ReactDOM and the react component to be mounted to the mount node. --> 

    <link rel="stylesheet" href="styles.css" /> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.5/marked.min.js"></script> 

    </head> 
    <body> 
    <!-- Universal JS-ServerSide&ClientSide (2/3): Create a mount node to mount the react component to. --> 
    <div id="mount-node"><%- markup %></div> 
    <!-- Universal JS-ServerSide&ClientSide (2/3): Create a mount node to mount the react component to. --> 

    <!--script id="jsonifiedInitialProps" type="application/json"> 
     {{{ jsonifiedInitialProps }}} 
    </script--> 

    <script type="text/babel"> 

     // Universal JS-ClientSide (3/3): Mount the react component to the mount node. 
     ReactDOM.render(<QuestionBox />, document.getElementById('mount-node')); 
     // Universal JS-ClientSide (3/3): Mount the react component to the mount node. 

    </script> 
    <script src"/main.js"></script> 

    </body> 
</html> 

相關代碼我的服務器代碼片段如下; app.use(static(__dirname + '/components'));它使用koa-static npm模塊。

更令我驚訝的是css在同一文件夾中的文件可以成功鏈接到html文件。

這裏有什麼問題?我對HTTP這樣一個基本主題錯過了什麼?

回答

1

鏈接到這兩個JavaScript文件的腳本標記的src屬性中有一個輸入錯誤,其中缺少等號=

<script src="questionbox.js"></script>

<script src="main.js"></script>

+1

我不能相信我怎麼能破壞小時這樣的錯誤。 –