reactJS + Vite 与 firebase 托管 - 无法加载资源,空白网页,无法工作

问题描述 投票:0回答:1

问题:网站仅显示空白页面,并显示此控制台错误消息:

Failed to load resource: the server responded with a status of 404()
GET https://ybmslaw.web.app/assets/index-1_Sn4P3O.js net::ERR_ABORTED 404 (Not Found)    
GET https://ybmslaw.web.app/assets/index-DBxq5wpG.css net::ERR_ABORTED 404 (Not Found)

picture of website

我检查了来源,它只是一个(索引),没有资产文件夹

under website url it's just (index) without other files

我的文件和文件结构

下面是我的文件结构,我不确定它是否有任何问题,但我有另一个网站具有这种确切的文件结构,但该网站可以工作。另一个网站使用类似的配置,但由于某种原因,一个可以工作,但这个不能。

file structure

firebase.json

{
  "hosting": {
    "public": "../ybms",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "predeploy": [
      "npm run build"
    ]
  }
}

vite.config.json

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react-swc'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  build: {
    outDir: "dist" // tells vite to output the build to a folder called dist
  },
  base: '/'
})

我尝试过但最终没有解决:

  • public: 'dist'
    更改为 '../ybms' 或 '/dist' 或 './dist' 等基本上所有组合
  • 将所有文件更改为包含“/”或“./”或没有“/”
  • 将其设置为单个 html(不起作用,因为 mime 类型错误使情况变得更糟)
  • 删除了 vite.config.json 中的基础
  • 删除了 vite.config.json 中的构建
  • 修复了我的所有错误并删除了所有已弃用的依赖项
  • 等待至少 15 分钟 Firebase 加载
  • 清除缓存并硬重启

请救救我,我不知道为什么 firebase 会这样。现在是凌晨 1:46,我已经连续 3 天在这上面了。

reactjs firebase vite firebase-hosting
1个回答
0
投票

我将我的 firebase-tools 更新到了最新的 13.11.4,显然是 10.8,我以为我更新了我的 firebase-tools。

所以我跑了

npm uninstall firebase-tools
然后
npm install firebase-tools@latest

© www.soinside.com 2019 - 2024. All rights reserved.