[解決済み】webpackの開発サーバーをポート80と0.0.0.0で動作させて一般公開する方法とは?
2022-04-09 20:15:54
質問内容
私は初めてです ノードジス / reactjs の世界なので、私の質問が愚かに聞こえたら申し訳ありません。そこで、私は reactabular.js .
をすると、必ず
npm start
で実行されます。
localhost:8080
.
で実行するように変更するにはどうすればよいですか?
0.0.0.0:8080
を一般に公開することはできますか?上記レポのソースコードを読んでみたのですが、この設定を行うファイルを見つけることができませんでした。
また、補足ですが、ポートで実行させるには
80
もし可能であれば、教えてください。
解決方法は?
私はこのようなものがうまくいきました。私はこれがあなたのために動作するはずだと推測しています。
webpack-devを次のように実行します。
webpack-dev-server --host 0.0.0.0 --port 80
そして、webpack.config.jsに以下のように設定します。
entry: [
'webpack-dev-server/client?http://0.0.0.0:80',
config.paths.demo
]
備考 ホットローディングを使用している場合は、このようにする必要があります。
webpack-devを起動します。
webpack-dev-server --host 0.0.0.0 --port 80
そして、webpack.config.jsに以下のように設定します。
entry: [
'webpack-dev-server/client?http://0.0.0.0:80',
'webpack/hot/only-dev-server',
config.paths.demo
],
....
plugins:[new webpack.HotModuleReplacementPlugin()]
関連
-
[解決済み】webpack-dev-serverにリモート接続すると、「Invalid Host header」というメッセージが表示されます。
-
[解決済み】Discord.js が特定のチャンネルにメッセージを送信する場合
-
[解決済み】Node Version Manager のインストール - nvm コマンドが見つかりません。
-
[解決済み] Yarn にパッケージを強制的に再インストールさせるにはどうしたらいいですか?
-
[解決済み] ノードマータ予期せぬフィールド
-
[解決済み] NPMが同じエラーで固まる EISDIR: ディレクトリに対する不正な操作、エラーで読み込み (ネイティブ)
-
[解決済み] ノードのバージョンを管理するためのnまたはnvm - 各バージョンのグローバルモジュールを保持することは良いアイデアですか?
-
[解決済み] -saveと-save-devの違いは何ですか?
-
[解決済み] Node.jsのmodule.exportsの目的と使い方を教えてください。
-
[解決済み] create-react-appベースのプロジェクトを実行するためのポートを指定する方法は?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】AWS Lambdaでnodejsの「ref」モジュールを使用すると「invalid ELF header」と表示される件
-
[解決済み】Mongooseで、日付でソートするにはどうしたらいいですか?(node.js)
-
[解決済み] のエラーが発生しました。これはおそらくnpmの問題ではありません。上に追加のログ出力があると思われます
-
[解決済み] joiライブラリを使用して2つの時間を比較する方法
-
[解決済み] npm install エラー - ローカルの発行者証明書を取得できません。
-
[解決済み] エラーメッセージ MongoError: bad auth URI 文字列で認証に失敗しました。
-
[解決済み] エラーです。Cannot find module 'ejs'
-
[解決済み] エラー: ノード出力を "|head" にパイプするときに EPIPE を書き込む。
-
[解決済み] "app.use(express.cookieSession())" に "secret" オプションが必要です。
-
[解決済み] 取得するNodeの環境変数を設定する