HTTPで静的ファイルを提供することに関して本当に明白なものがありません。koaでhtmlファイルにリンクされたスクリプトファイルを処理できません
私の文書内の<script>
タグでCDNのスクリプトファイルをリンクできます<head>
。しかし、自分のHTTPサーバのルートディレクトリにある/components
フォルダにある自分のjavascriptファイルをリンクすることはできません。これはkoa.jsによって実行されます。私はブラウザインスペクターのリソースをチェックすることでこれを知っています、CDNの配信ファイルがありますが、後者のトレースはありません。
下記のhtmlファイルにリンクするために必要なファイルは、components/questionbox.js
とcomponents/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のような基本的な話題で私が見逃していることは何ですか?
私は、このような間違いのための時間を台無しにすることができますどのように信じることができません。 –