新ぴたぶろぐ
自分が書きたいことを書くだけのブログ
≡
検索
AND検索
OR検索
↑
プロフィール
Pitan
プログラミングや音MADやらが趣味
↑
最新のページ
最新の5件
2025-03-13
MMDのプラグインまとめ
Laravel12の開発環境をDockerで構築する
2025-03-12
Laravel上のReactでnpm run devをするとエラーが発生
2025-03-11
おい、Composer、どうしちまったんだよ!
2025-03-10
DockerのMySQLが起動しない問題、exFATのせいだった
[
もっと見る
]
↑
タグ
Java
Minecraft
ゲーム
プログラミング
情報技術
[
もっと見る
]
↑
人気のページ
人気の5件
FrontPage
(34549)
【Discord】強力なスパム対策ができるボット「Wick」を紹介します。
(1233)
RecentUpdates
(1224)
【Minecraft】 FabricとForgeどっちがいいのだろうか?
(680)
無料のWikiソフトウェアを比較してみる
(313)
↑
カウンター
合計:
0
今日:
0
昨日:
0
オンライン:
3
トップ
ヘルプ
PukiWiki
Laravel上のReactでnpm run devをするとエラーが発生 をテンプレートにして作成
開始行:
* Laravel上のReactでnpm run devをするとエラーが発生 [#c2d...
#splitbody{{
LEFT:
&tag(情報技術,Laravel,npm,Node.js,React);
#split
RIGHT:&size(13){投稿日: 2025-03-12 (水)};
}}
#bcontents
** はじめに [#m6711e98]
DockerコンテナのPHP上でLaravelを動かしてBreezeでReactを導...
ところがERR_ADDRESS_INVALIDやERR_EMPTY_RESPONSEが発生した。
vite.config.jsにてhost: '0.0.0.0',を指定するとERR_ADDRESS...
*** 環境 [#s90d170c]
- Windows 11 23H2
- Docker 27.5.1 (コンテナ)
- Nginx (Webサーバー)
- Laravel 12.1.1 (フレームワーク)
- VITE v6.2.1 (フロントエンドビルドツール)
- Node.js v20.9.0
- PHP 8.3.17
- Composer 2.8.6
- npm 10.1.0
** vite.config.js [#ke11d43b]
vite.config.jsを以下のように変更すると解決した
#gcode(jsx){{
import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import react from '@vitejs/plugin-react';
export default defineConfig({
plugins: [
laravel({
input: 'resources/js/app.jsx',
refresh: true,
}),
react(),
],
// 追加部分
server: {
host: '0.0.0.0',
hmr: {
host: 'localhost',
clientPort: 5173,
},
},
// ここまで
});
}}
** コメント [#e1eae827]
#pctrlcmt
&size(10){キーワード: 情報技術, Docker, コンテナ, React, ...
終了行:
* Laravel上のReactでnpm run devをするとエラーが発生 [#c2d...
#splitbody{{
LEFT:
&tag(情報技術,Laravel,npm,Node.js,React);
#split
RIGHT:&size(13){投稿日: 2025-03-12 (水)};
}}
#bcontents
** はじめに [#m6711e98]
DockerコンテナのPHP上でLaravelを動かしてBreezeでReactを導...
ところがERR_ADDRESS_INVALIDやERR_EMPTY_RESPONSEが発生した。
vite.config.jsにてhost: '0.0.0.0',を指定するとERR_ADDRESS...
*** 環境 [#s90d170c]
- Windows 11 23H2
- Docker 27.5.1 (コンテナ)
- Nginx (Webサーバー)
- Laravel 12.1.1 (フレームワーク)
- VITE v6.2.1 (フロントエンドビルドツール)
- Node.js v20.9.0
- PHP 8.3.17
- Composer 2.8.6
- npm 10.1.0
** vite.config.js [#ke11d43b]
vite.config.jsを以下のように変更すると解決した
#gcode(jsx){{
import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import react from '@vitejs/plugin-react';
export default defineConfig({
plugins: [
laravel({
input: 'resources/js/app.jsx',
refresh: true,
}),
react(),
],
// 追加部分
server: {
host: '0.0.0.0',
hmr: {
host: 'localhost',
clientPort: 5173,
},
},
// ここまで
});
}}
** コメント [#e1eae827]
#pctrlcmt
&size(10){キーワード: 情報技術, Docker, コンテナ, React, ...
ページ名:
検索
AND検索
OR検索
↑
プロフィール
Pitan
プログラミングや音MADやらが趣味
↑
最新のページ
最新の5件
2025-03-13
MMDのプラグインまとめ
Laravel12の開発環境をDockerで構築する
2025-03-12
Laravel上のReactでnpm run devをするとエラーが発生
2025-03-11
おい、Composer、どうしちまったんだよ!
2025-03-10
DockerのMySQLが起動しない問題、exFATのせいだった
[
もっと見る
]
↑
タグ
Java
Minecraft
ゲーム
プログラミング
情報技術
[
もっと見る
]
↑
人気のページ
人気の5件
FrontPage
(34549)
【Discord】強力なスパム対策ができるボット「Wick」を紹介します。
(1233)
RecentUpdates
(1224)
【Minecraft】 FabricとForgeどっちがいいのだろうか?
(680)
無料のWikiソフトウェアを比較してみる
(313)
↑
カウンター
合計:
0
今日:
0
昨日:
0
オンライン:
3