私はエクスプレスジェネレーターとエクスプレスジェネレーターを学習しようとしていて、私が疑う基本的なことに固執してしまった。ローカルディレクトリからjqueryを提供することはできません。エクスプレスジェネレーター、ローカルjqueryが動作しない
私はCDのヘルプ
は、ヘルプディレクトリに急行サーバーを作成し、それが依存関係だインストール>
ヘルプ
>は、mkdirヘルプと呼ばれるディレクトリを作成
を追った手順コマンド付き
ヘルプ> initはデフォルトのpackage.jsonを作成
アプリ> CD ..
3)をインストールする> --view = HBSアプリ
ヘルプ> CDアプリ
アプリを表現コマンド
help>npm init
4のヘルプディレクトリ)
0を含む2行index.jsファイルを作成しますフォルダhelp/app/public/javascripts/jquery-3.2.1.min.js
6に
const app = require("./app/app")
app.listen(3000,() => console.log('Example app listening on port 3000!'))
5)ダウンロードjqueryのは)ヘルプ\アプリケーション\ビューにjqueryのを追加しました\
<!DOCTYPE html>
<html>
<head>
<title>{{title}}</title>
<script> src="/javascripts/jquery-3.2.1.min.js" </script>
<link rel='stylesheet' href='/stylesheets/style.css' />
</head>
<body>
{{{body}}}
</body>
</html>
7をlayout.hbs)ヘルプの警告を追加しました\ jqueryのは正しく
<h1>{{title}}</h1>
<p>Welcome to {{title}}</p>
<script>
$(()=> alert("hi"))
</script>
8)この再ロードした場合、アプリ\ビュー\ index.hbsを見るためにエラーが発生しました
(index):12 Uncaught ReferenceError: $ is not defined
jqueryがロードされていないと表示されます。私は最後の1時間にサークルで走っています。 このエクスプレスジェネレータは本当にクールに見え、サーバーのスケルトンを非常に速く作成するので、私が間違ったことを理解したいと思います。
ご協力いただければ幸いです。