AWS Amplify 白屏問題

Question

我點擊了各種鏈接等。我可以發布到 aws amplify，但我得到一個白屏。

我正在使用 vss，github 和放大。

我寫了代碼

然后

npm 運行構建-g

git 提交 --all -m phil

git 推送

這只是基本的 React 應用程序。

我在檢查頁面時得到以下信息

獲取https://main.d3k27zedi0496.amplifyapp.com/static/js/main.a7eadf0b.js .net::ERR_ABORTED 403

非常感謝任何幫助

這是我的構建目錄中的 asset-manifest.json

{
  "files": {
    "main.css": "/static/css/main.073c9b0a.css",
    "main.js": "/static/js/main.a7eadf0b.js",
    "static/js/496.d68808b8.chunk.js": "/static/js/496.d68808b8.chunk.js",
    "static/media/logo.svg": "/static/media/logo.6ce24c58023cc2f8fd88fe9d219db6c6.svg",
    "index.html": "/index.html",
    "main.073c9b0a.css.map": "/static/css/main.073c9b0a.css.map",
    "main.a7eadf0b.js.map": "/static/js/main.a7eadf0b.js.map",
    "496.d68808b8.chunk.js.map": "/static/js/496.d68808b8.chunk.js.map"
     },
    "entrypoints": [

"static/css/main.073c9b0a.css", "static/js/main.a7eadf0b.js" ] }``

`

這是我的 app.js

    import logo from "./logo.svg";
    import "./App.css";

` function App() { 返回 (

建築應用

); }

導出默認應用程序；

這是我的 package.json（我有和沒有主頁行）

 `{ "name": "workflow", "version": "0.1.0", "private": true, "homepage": "https://main.d3k27zedi0496.amplifyapp.com", "dependencies": { "@testing-library/jest-dom": "^5.16.5", "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^14.4.3", "react": "^18.2.0", "react-dom": "^18.2.0", "react-scripts": "5.0.1", "reactstrap": "^9.1.5", "web-vitals": "^3.1.1" }, "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" }, "eslintConfig": { "extends": [ "react-app", "react-app/jest" ] }, "browserslist": { "production": [ ">0.2%", "not dead", "not op_mini all" ], "development": [ "last 1 chrome version", "last 1 firefox version", "last 1 safari version" ] } }``

這是我的 gitignore 文件

` # 有關忽略文件的更多信息，請參見https://help.github.com/articles/ignoring-files/ 。

 # dependencies /node_modules /.pnp.pnp.js # testing /coverage # production /build # misc.DS_Store.env.local.env.development.local.env.test.local.env.production.local npm-debug.log* yarn-debug.log* yarn-error.log* #amplify-do-not-edit-begin amplify/\#current-cloud-backend amplify/.config/local-* amplify/logs amplify/mock-data amplify/mock-api-resources amplify/backend/amplify-meta.json amplify/backend/.temp build/ dist/ node_modules/ aws-exports.js awsconfiguration.json amplifyconfiguration.json amplifyconfiguration.dart amplify-build-config.json amplify-gradle-config.json amplifytools.xcconfig.secret-* **.sample #amplify-do-not-edit-end

`

Answer 1

我今天遇到了類似的問題，我通過從我的package.json中完全刪除“homepage”:“{URL}”解決了這個問題，之后我在嘗試導航到我的其他頁面時遇到了一個奇怪的訪問被拒絕的問題，並發現這個解決方案在案例 3 有所幫助。

我希望這可以幫助你。