vite 相关问题

我从CRA迁移到Vite，它不断刷新整个页面。我在 GitHub 上看到了这个问题 #7131，这不是我的问题。这是我的 vite.config.js：从“vite”导入{defineConfig，loadEnv}

我一直在使用 Vite，并注意到由于删除了嵌套，构建的 .css 文件与原始源有所不同。具体来说，Vite 似乎压平或删除了

在 Electron-vite 中包含本地 JavaScript 库的 TypeScript 无法正确编译

我正在尝试将本地库导入到 vite-electron TypeScript 项目中。请原谅我对 vite-electron 和 JS 捆绑生态系统缺乏了解，我是 JS 和 TS 开发的新手......

我尝试在 vercel 或 netlify 上部署我的 React vite 项目，但出现错误： RollupError：无法从“src/components/Pages/CarDetails/CarDetails...”解析“./reviews/Reviews”...

尝试在vite构建中包含多个html页面

这工作正常，但是有没有更好的方法来处理所有 html 文件？ // vite.config.js 从“路径”导入{解析}；从“vite”导入{defineConfig}；导出默认

React Vite + SockJS 客户端全部传输失败

我的项目使用react + vite，没有任何代理配置我尝试使用 webstomp-client 和 sockjs 连接到 websocket 服务器（Springboot 支持 SockJS）后端springboot服务器生成...

React 的“npm create vite@latest”问题：无法初始化项目

我在尝试使用命令 npm create vite@latest 创建新的 React 项目时遇到问题。尽管遵循文档并确保我拥有最新版本的...

Vite 资产捆绑器在使用 Inertia.js 和 Vue.js 构建 Laravel 应用程序的 Docker 构建过程中未捆绑所有文件

我有一个 Laravel 应用程序，其前端使用 Inertia.js 和 Vue.js 构建，并且我使用 Vite 作为资产捆绑器。当我在本地运行 vite build 时，应用程序会正确捆绑，包括...

Laravel 10 Vite“npm run build”创建空文件

由于某种原因，运行该命令时，某些脚本会编译，而某些脚本的内容会被“删除”。这是我的 vite.config.js 文件：从“laravel-vite-plugin”导入 laravel；导入vu...

Vite+Vue 页面不需要的 CSS 样式

在Vite-Vue应用程序中，我实现了index.html和vue组件/视图的样式，但浏览器将它们显示为被划掉。 AMany =我在组件/视图中添加的样式也是 cro...

使用 vite 开发服务器处理错误

与vite合作时，当代码不正确且包含错误时，会出现 UI。（见下图）是否有一个 api 可以处理此模式并以受控方式显示？我会展示我自己的...

启动vite+react时出错

我正在制作一个全栈项目，我有一个父文件夹，其中有前端和后端文件夹。 Frontend 文件夹是我的 Vite 项目，但是当我执行 npm run dev 时，它只显示错误： > 前端...

无法解析包“notistack5”的条目。该包的 package.json 中指定的 main/module/exports 可能不正确

运行vite时，出现以下错误： 15:52:07 [vite] 内部服务器错误：无法解析条目包裹...包裹可能有不正确 main/module/exports 在其

vitest 使用 vite-tsconfig-paths 加载 url 失败

我正在尝试将 vitest 添加到我的前端，但在设置路径时遇到问题。运行 vite 时前端运行良好，但由于某种原因，运行 vitest 时自定义路径失败。失败|前面...

Vite-Vue 应用 HTTP 请求重定向 - DEV 模式

我想在开发模式（npm）上将 HTTP 请求的基本 URL 从 Vite 应用程序的主机地址（http://localhost:5173）更改为我的 ASP .NET API 的主机地址（http://localhost:5815）运行开发）。但我有这样的

我的 css 无法在与 vite 反应时自动加载

我有一些css和js文件，我尝试使用vite导入到React中的视图中，以便它加载样式，但它没有加载，当我进入视图时，我必须注释和取消注释小鬼...

使用 Vite 在 React 应用程序的终端中显示错误和警告

我用React和TypeScript创建了一个Vite应用程序。我注意到终端中没有出现警告或错误，即使实际上存在错误。错误显示在浏览器控制台中，b...

为什么创建一个 React/Vite 应用需要这么多时间？

嗨，我正在尝试使用 React 制作一个简单的应用程序，但我陷入了第一步？好像根本就没有什么作用？尝试使用 npx create-react-app 和 npm create vite@latest：卡住了...

如何在Vite React JS项目中设置和使用别名？

我正在开发一个使用 Vite 作为捆绑器的 React JS 项目，我想使用别名改进我的项目的模块导入路径。有人可以提供有关如何设置和使用的分步指南吗

我已经使用 vite 创建了 React 应用程序，并且已将该应用程序与 keycloak 连接，但我收到了 CORS 错误

我已经使用 vite 创建了 React 应用程序并将其与 keycloak 连接，但我收到以下错误 - localhost/:1 访问位于 'http://127.0.0.1:8080/realms/myrealm/protocol/... 的 XMLHttpRequest

Vite Dev 模式可以工作，但服务构建不起作用。 n2.BigInt 不是函数

所以我在我的项目中使用vite，这是一个使用turborepo的monorepo设置。使用开发模式或构建项目时没有问题，但是当我为项目提供服务时，我收到错误

安装vite时未捕获类型错误：对象原型只能是对象或为null：未定义

我已经更改了react-script并安装了vite，但我有一个问题，它显示白页继承_browser.js：5未捕获类型错误：对象原型只能是对象或 null：未定义在功能...

如何处理 Vite 项目中同一个库的 3 个版本冲突？

我有以下奇怪的情况：我正在使用 Vite 和 svelte-ts 模板设置开发一个网络应用程序。在此应用程序中，我必须为基于 WebXR 的增强现实使用不同的库，这样您就可以

Vite 应用程序在 DEV 中可以运行，但在 BUILD 和 PREVIEW 后不能运行 BigInt 不是一个函数

大家好，我已经被这个问题困扰了一段时间，我通过 vite config 和 tsconfig 更改尝试了许多建议的解决方案。但我在构建 m 时仍然遇到 BigInt 的问题...

Vue3 Vite 应用：无法解析源以进行导入分析，因为内容包含无效的 JS 语法

我得到了一个使用Vite作为构建工具的Vue3应用程序。当我尝试构建应用程序时出现此错误：但是，我确实安装了 @vitejs/plugin-vue，如我的 package.json 中所示，我相信......

TinyMCE 导入样式失败

我通过npm包和vite使用tinymce 6.8.3。导入时 import 'tinymce/themes/silver';就像文档所说的那样，我收到了图中所示的错误。

如何处理pentatrion中的renderTags()返回

我使用 pentatrion 将 vite 安装到我的 symfony 项目中。我按照 pentatrion 文档（https://symfony-vite.pentatrion.com/extra/migration.html）中的步骤进行操作，但仍然收到此错误：返回...

运行 Vite-React：“npm run dev”出现问题

当我尝试运行代码时，我收到以下消息。节点：内部/模块/cjs/loader：1147 抛出错误； ^ 错误：在ite.js 中找不到模块“D:\Web-Development ite” 在...

Vue SFC 模板生成构建错误

Vue.js 完全新手。我正在关注 Kirby CMS 团队制作的教程。 Vue 正在使用 [email protected] 进行构建，作为 KirbyUp 捆绑器的一部分。所以，我可以在

React 编辑器问题

我一直在尝试在我的 vite React 项目中构建一个文本编辑器，它可以接受数学字符，如divide()、分数、幂等。但我似乎不知道最好的工具...

使用Vite JS导入带变量的图片

我目前在 client\src\pages\Dashboard.jsx 工作我有一个文件 client\src ssets rog_photos ，其中包含 200 张随机图像，我一直在尝试使用变量导入图像并显示...

无法读取 Docker 化的 React 应用程序中的环境变量

我使用创建了一个演示反应应用程序 npm 创建 vite 我更改了 App.tsx 如下：函数应用程序（）{ console.log('!!!!!!!!!!!!!!!!!!') console.log(JSON.stringify(import.meta.env)) 控制台.log...

Vite React ASP.NET部署到Azure后出现HTTP ERROR 404看不到索引

我有一个客户端/服务器 ASP.NET React 项目。在本地工作正常并使用以下方式导航到索引页面： const 路由器 = createBrowserRouter([ { 元素: ,

Chakra UI 智能感知在 VS Code 中不起作用

我已经在 VS Code 中使用 Vite (v5.0.8) Javascript 模板安装了最新版本的 ChakraUI (v 2.8.2)。当我开始输入或输入“ChakraProvider”或任何其他脉轮的名称时

SvelteKit：RollupError：意外的标记“，”。预期的标识符或字符串

当我使用 npm run dev 运行 SvelteKit vite 开发服务器时，尝试打开页面时出现错误： RollupError：意外的标记“,”。预期的标识符或字符串在 getRollupError (f...

类型错误：无法读取未定义的属性（读取“导入”）

我在 Angular 17、Node.js v20.10.0 和所有 to=ime 中创建应用程序，我刷新或保存我的应用程序时收到此错误： node_modules/vite/dist/node/chunks/dep-68d1a114.js:45925 JSON.stringify(output.imports)), ^

使用vite配置postcss

我通常将所有处理和构建配置文件保存在构建文件夹中，以作为良好的实践措施。如果 postcss.cofig.json 位于文件夹的根目录上，则它可以工作，有没有办法配置

使用Vite从npm包中排除.stories和stories.d

构建一个组件库并意识到该包既包含故事又包含它的 .d 文件。更改了 glob 以排除此问题，但 .d 文件尚未添加。我究竟做错了什么？已测试...

为什么我的 vite.config 文件中会出现此过载错误以及如何修复它？

我的 vite.config 支持 Svelte 5 应用程序使用“@”解析./src 支持像 vitest 这样的测试（或者 jest 如果我需要改变的话）从“vite”导入{defineConfig}；从'@svelt...

ReferenceError：文档未定义 - 使用 vitest 进行测试

我正在使用react框架开发一个Vite项目。我使用 vitest 为我的应用程序编写了一些测试用例，当我运行测试时，我看到以下错误测试失败/Reservations.test.jsx > 预订

无法加载/vercel/path0/vendor/tightenco/ziggy/dist/vue.es.js

您好，我在尝试在 vercel 上部署我的 Laravel、Inertia、Vite、Vue 应用程序时遇到问题。我在本地主机中测试我的应用程序没有错误，一切正常...... Vercel 安装打印此错误： [回复：...

浏览器在发送请求进行身份验证时不保存 cookie

所以我使用express构建了一个API。现在我正在使用 React 和 Vite 创建前端。当我的前端向 api 登录路由发送请求时，响应包含相应的 Set-Cookie

在 vercel 中部署 React 应用程序，后端在渲染中

大家好！新年快乐我试图在 vercel 或 netlify 中部署我的 vite React 应用程序。我在渲染中托管了它的后端部分，现在后端正在工作，但是当我托管在前端时，r...

我已经升级到最新的稳定版本的节点（20.9.0），现在每当我使用 npx create-react-app 或使用 vite 制作 React 应用程序时，它总是显示“可能的 eventEmitter 内存泄漏

在门户上部署Vue应用程序后出错。Azure

我创建了我的 Vue-Vite 应用程序。然后我在 dev.azure - Web App 上创建了存储库。接下来我将其部署在portal.azure.com 上。修复了一些错误后，我仍然不知道如何修复此错误：主要....

为 React 应用程序配置 Azure 应用服务时出现问题

我有一个 React 应用程序，使用 Vite 构建并托管在 Azure 应用服务上。我在配置方面遇到一些问题：压缩不起作用，我们已经部署了 gzip 压缩文件，但它们永远不会......

在 Vite/React 应用程序中使用模块联合，主机应用程序不会反映远程中所做的更改

我正在为一个项目尝试模块联合，我成功地为远程应用程序提供了一个简单的按钮，然后让主机应用程序为美国使用该按钮...

当父高度未固定并且alignItems设置为居中时，我无法让子高度填充父高度

这是我正在使用的代码：函数应用程序（）{ 返回（这是我正在使用的代码： function App() { return ( <div style={{ display: 'flex', gap: '1rem', border: '1px solid red', alignItems: 'center', }} > <div style={{ height: '100%', border: '1px solid black' }}>Div 1</div> <div style={{ height: '5rem', border: '1px solid black' }}>Div 2</div> </div> ); } 结果如下所示：如何在不触及父级的 css 的情况下获得 Div1 高度来填充父级高度（或匹配 Div2 的高度）？请注意，我无权访问父组件，因此无法修改其 css。另请注意，虽然本示例中 Div2 的高度是固定的，但实际上它是动态变化的，并且我希望 Div1 在 Div2 的高度发生变化时动态调整其高度。这是图像中显示的组件的 stackblitz 链接：https://stackblitz.com/edit/vitejs-vite-jrpj4f?file=src%2FApp.tsx 给需要的孩子align-self: stretch; .parent { display: inline-flex; align-items: center; border: 1px solid red; padding: .25em; gap: 1rem; } .item { border: 1px solid grey; align-self: stretch; } .item:nth-child(2) { height: 5rem; } <div class="parent"> <div class="item">Item 1</div> <div class="item">Item 2</div> </div>

vite 相关问题

最新问题