npm run build构建后预览失败，资源加载缺失求助

• npm run dev时网站完全正常，但执行npm run build后用vite preview预览，网站无法加载，提示资源加载失败。
• 试过以下操作，但问题依然存在：
  • 修改Rollup构建配置手动拆分node_modules模块，代码如下：

    build: {
      rollupOptions: {
        output: {
          manualChunks(id) {
            if (id.includes("node_modules")) {
              return id
                .toString()
                .split("node_modules/")[1]
                .split("/")[0]
                .toString();
            }
          },
        },
      },
    },
    

  • 修改main.js文件
  • 参考多个Stack Overflow方案，但均未解决文件缺失问题

项目package.json详情 #

{
  "name": "testr",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },
  "devDependencies": {
    "@types/react": "^18.2.21",
    "@types/react-dom": "^18.2.7",
    "@vitejs/plugin-react": "^4.0.4",
    "glslify": "^7.1.1",
    "prettier": "3.0.2",
    "rollup": "^3.28.1",
    "vite": "^4.4.9"
  }
}

相关文件结构 #

• glb文件存放于src/models目录下
• 组件中通过相对路径导入该glb文件

内容的提问来源于stack exchange，提问作者Jo DeCore