我已经构建了一个应用程序,我想部署它来上网,但它不起作用.这款应用程序是一款使用打字脚本和脉轮用户界面的Reaction Vite应用程序.构建是成功的,但我从这些错误中得到了很多: 'node_modules/@chakra-ui/button/dist/chunk-DA7QIPTJ.mjs (1:0) Module level directives cause errors when bundled, "use client" in "node_modules/@chakra-ui/button/dist/chunk-DA7QIPTJ.mjs" was ignored.'

当我在本地使用"npm run dev"运行它时,它工作得很好,在构建后使用"npm run preview"也是如此,但在我将它部署到netlify后,我得到了图像中显示的错误.

The error I'm getting on the netlify page.

有人能帮帮忙吗?

我也try 过将其部署到GitHub页面和Vercel上,但在那里也发生了同样的事情.

推荐答案

您可以在VITE配置中设置基本设置.您可以使用它为您的所有assets资源 定义前缀.一旦您将其删除,您的html文件中的链接资源应该会起作用.

  1. 在您的Vite配置中删除base
  base: "/game-discovery/",

  1. npm run build
  2. 成功dispose:D

Typescript相关问答推荐

使用新控制流的FormArray内部的Angular FormGroup

如何根据参数的值缩小函数内的返回类型?

如何在类型脚本中声明对象其键名称不同但类型相同?

如何在TypeScript对象迭代中根据键推断值类型?

找不到带名称的管道''

类型{}上不存在属性&STORE&A;-MobX&A;REACT&A;TYPE脚本

如何使用Zod使一个基于其他字段值的字段为必填字段?

STypescript 件的标引签名与功能签名的区别

在TypeScrip的数组中判断模式类型

Angular 17子路由

有没有可能产生输出T,它在视觉上省略了T中的一些键?

推断从其他类型派生的类型

具有自引用属性的接口

如何通过TypeScrip中的函数防止映射类型中未能通过复杂推理的any值

如何为带有参数的函数类型指定类型保护?

如何创建一个将嵌套类属性的点表示法生成为字符串文字的类型?

如何避免多个类型参数重复?

类型脚本中函数重载中的类型推断问题

映射类型不是数组类型

如何创建允许使用带有联合类型参数的Array.from()的TS函数?