学習方法

メンター情報

料金

対応時間帯

返信スピード

学習方法

メンター情報

料金

対応時間帯

返信スピード

T_T

PHP バックエンジニアです。 現在はシステム開発をしています。 未経験者→エンジニアになった身として、どんな生活やどんなことをしてきたのかなどはお話しできます。 もし、ご相談されたい方は、ぜひ連絡いただけると幸いです。
プロフィールをもっとみる

--

募集をシェアしてメンターを探そう
シェア

※ この募集は締め切られました。

フルスタック

vite.config.jsonがうまくいかない

2024年8月12日
単発
予算
3,000円
提案数
1人が提案中
応募期限
終了

【教えてもらいたいこと】
プログラミング/フルスタック

【具体的な相談内容】
以下
以下のエラーが生じる。解決できないので相談します。
エラー
Unable to locate file in Vite manifest: resources/css/app.css. vite.config.jsonをエラー解消したい。

今したいことは、docker環境はのちに核としてMAMPを使って、
localhost~/loginしたら、LoginPage.jsxを表示させるようにしたいのだが、
エラーが生じている。AIに頼って聞くと
vite.config.jsonの設定がうまくいかないらしい。
問題ないと思っているが、解決できないので募集します

frontend/vite.config.js
```
import {defineConfig} from "vite";
import react from "@vitejs/plugin-react";
import path from "path";

export default defineConfig({
plugins: [react()],
resolve: {
alias: {
"@": path.resolve(__dirname, "./src"),
},
},
build: {
manifest: true,
outDir: "../backend/public/build",
rollupOptions: {
input: "./src/main.jsx",
},
},
server: {
proxy: {
"/api": {
target: "http://127.0.0.1:8001",
changeOrigin: true,
secure: false,
},
},
},
});

```


backend/vite.config.js

```
import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import path from "path";

export default defineConfig({
plugins: [
laravel({
input: "resources/js/app.jsx",
refresh: true,
}),
react(),
],
build: {
manifest: true,
outDir: "../public/build",
rollupOptions: {
input: "public/build/App.js",
},
output: {
file: "../backend/resources/css",
format: "es",
},
},
server: {
proxy: {
"/api": {
target: "http://127.0.0.1:8001",
changeOrigin: true,
secure: false,
},
},
},
});
```
【目安予算】
3000円

T_T

プロフィール

PHP バックエンジニアです。 現在はシステム開発をしています。
未経験者→エンジニアになった身として、どんな生活やどんなことをしてきたのかなどはお話しできます。
もし、ご相談されたい方は、ぜひ連絡いただけると幸いです。

--

募集をシェアしてメンターを探そう
シェア