问题标签 [vite]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
949 浏览

reactjs - Vite.js React 构建不会在 Netlify 和 Vercel 上重定向

我用 vite.js 做了一个反应构建。在本地主机上构建生产和测试时一切正常。但是,当我部署到 Netlify 或我使用 react-router 创建的 vercel 路由时,无法通过直接输入其 url 访问,而只能通过使用应用程序内部的链接从主页('/')访问。

如果我单击应用程序中的路由链接,则该路由正在运行,但如果我直接输入 URL(例如:mypage/about),则会收到 404 错误。

我通过 vercel 支持签入,他们说配置中可能缺少重定向,例如默认情况下由 create-react-app 设置。在 CRA 中看起来像这样

在浏览了 vite.js 文档后,我找不到任何关于如何在 vite 中设置重定向的提示。

0 投票
2 回答
5833 浏览

vue.js - vue 3 vite 与 i18n 的国际化

我目前正在尝试使用“@intlify/vite-plugin-vue-i18n”将我的 vue 3 vite 项目国际化。我在这里面临的问题是,我目前必须为每个组件导入和设置 t 变量才能使用它。
示例组件:

我的问题是,如果可能的话,使变量“t”全局化的最佳方法是什么?我找不到任何示例/帮助,因为它们都将其导入到每个组件中。所有帮助将不胜感激!:) 作为参考,这里是相关文件。

main.ts:

i18n.js:

0 投票
1 回答
101 浏览

reactjs - :paramName 与包含点 '.' 的 URL 段不匹配 在使用 Vitejs 的反应应用程序中

:paramName 与包含点 '.' 的 URL 段不匹配

我的路线<Route path="/:id" component={Query} />中有一条路线App.js
当我尝试导航到localhost:3000/abc.xyz时,页面显示找不到页面
注意:该项目正在使用 vitejs

0 投票
2 回答
1218 浏览

typescript - 通过 Typescript 构建 Vite 和 Global Vue 3 组件

这个问题可以通过修复 typescript 错误或如何最好地使用 Typescript 处理全局 Vue 3 组件注册来回答。简而言之,如果我运行npm run dev(vite)开发服务器运行良好并且没有问题。尝试通过npm run build(vue-tsc --noEmit && vite build) 生成构建时,会发生以下错误:

src/main.ts:15:17 - 错误 TS1131:需要属性或签名。

15 app.component(组件[key].name,组件[key]);

一点背景知识,我所拥有的所有组件都是基于文档defineComponent. 下面是一个例子。在某些时候,需要全局注册多个组件,因为它们在整个应用程序中都使用。

我获取了全局组件并将它们合并为一个我可以在全局运行和注册的对象。

最后在 main.ts 中全局注册它们:

回顾一下,使用 vue3、vite、typescript 注册一组全局组件以生成应用程序的构建版本的最佳过程是什么。

0 投票
2 回答
1068 浏览

antd - 使用 Vite 和 Antd Pro 布局时没有这样的文件或目录

使用 Vite 和 Antd Pro 布局时没有这样的文件或目录

这是文件 vite.config.ts:

这是我在 vite 中使用 antd、antd-pro-layout 的配置。

但我收到了错误:

有人可以帮我解决吗?

0 投票
4 回答
11125 浏览

vite - 在 Vite 中更改输入和输出目录

我正在将 Vite ( https://vitejs.dev/ ) 用于静态多页站点。这是构建命令后的默认项目文件夹结构。

但我想让它成为一个多页站点并更改输入和输出目录以获得更好的组织方式

基本上,它应该将“src”作为输入文件夹,并将“dist”作为“my-app”的子文件夹输出。当我尝试这样做时,它会显示错误,然后我将 package.json 的脚本更改为此

这样,“dev”命令就可以正常工作。但是 'build' 命令使 dist 文件夹在 src 文件夹内,并且不会生成除 index.html 之外的其他 HTML 文件

现在我该如何解决这个问题?有什么建议吗?

0 投票
2 回答
4319 浏览

vue.js - Vite 库模式入口点

我的 vite 配置看起来像这样。我想要两个入口点,正如您在 build.lib.entry 中看到的那样本地测试。

我尝试在 module.exports 中添加以下代码,但没有成功。

https://vitejs.dev/guide/build.html#library-mode

0 投票
0 回答
67 浏览

vite - 防止 Vite 插入类似 env-var 的字符串

大家好,我正在做一个 vite 项目,我需要使用 esbuild-wasm 来构建一些用户提供的代码。我有一些代码

其中定义键应该为 esbuild-wasm 设置环境变量。但是当我运行 vite 在本地提供服务时,“process.env.NODE_ENV”被 vite 插值成为浏览器中的“开发”,这会导致语法错误。有没有办法防止这种行为?

0 投票
1 回答
1832 浏览

phpstorm - 如何设置 PhpStorm / WebStorm 以使用 Vite 别名?

PhpStorm / WebStorm 尚不支持 Vite,因此请提供以下 Vite 配置:

它无法正确识别以下导入:

如何设置才能正常工作?

0 投票
1 回答
933 浏览

vue-cli - vite 开发服务器在所有其他中间件之前执行中间件

使用 vue-cli 可以像这样配置 webpack devServer.before函数:

如何配置Vite 开发服务器以获得相同的行为?

(我尝试了该proxy选项,但它不起作用。)