Kiriインストール

By Admin / 3 months ago

kiriインストールトラブル解決方法

------------

index.html を開く

cd ~/public_html/kiri
sudo nano index.html

------------

中身を 全部削除 して、下のコードを丸ごとコピペ

------------

BrowserRouter を使っている箇所を探す

cd ~/public_html/kiri
grep -R "BrowserRouter" -n src
// たぶん、こんな感じの行がヒットします
import { BrowserRouter as Router } from 'react-router-dom';
ここを編集

------------

jsxの中身修正

sudo nano src/index.jsx
該当箇所を、
import { BrowserRouter as Router } from 'react-router-dom';
HashRouter に変更
import { HashRouter as Router } from 'react-router-dom';

------------

BrowserRouter → HashRouter に変更

# ルート直下に index.html / static / などを展開
cp -r build/static ./        # static ディレクトリ
cp build/index.html ./index.html
cp build/asset-manifest.json ./asset-manifest.json

------------

//  ビルドし直す
cd ~/public_html/kiri
rm -rf build          # 古い build は一旦消す（任意だけど安全のため）
set -x NODE_OPTIONS --openssl-legacy-provider
npm run build

------------

直下じゃない場合公開場所にビルド成果物を上書きコピー

//  一度だけこれやっておけばOK
//  最後にbuild を公開ディレクトリにコピー
cd ~/public_html/kiri
cp -r build/* ./

------------

これで、解決です。