问题标签 [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 投票
1 回答
1424 浏览

reactjs - 使用 vite 时如何识别打字稿中的环境变量?

当使用import.meta 加载 env 变量时, vscode 只识别 url 变量......那么我如何告诉 typescript 在 import.meta 中有自定义变量?

0 投票
1 回答
45 浏览

javascript - 在构建时而不是运行时构建对象的静态数组?

我想避免尝试在我的 vue 代码中管理多个静态数组。目前我有一个长的 i18Next json 并且正在使用它在运行时为 vue-treeselect 生成先决条件的对象数组。但我可以看到它在打磨并且性能明显滞后

由于我实际上不需要在运行时构建这些数组,是否有构建/开发时间的方式来做到这一点?

目前将 i18next json 转换为数组是由这个完成的

我使用 vite 作为开发/构建环境

0 投票
0 回答
48 浏览

javascript - Firebase Emulator 无法在 Firefox 中建立连接

我正在使用模拟器进行测试,当我尝试在 Firefox 中运行我的应用程序时出现错误:

但是在 Firefox Dev 中不会发生这种情况,但是当我尝试使用 signinwithEmailandPassword 方法时,我得到了

但是如果我注释掉模拟器片段,一切都可以在实时数据库中正常工作:

注意:几天前它还在工作

0 投票
1 回答
614 浏览

lodash - 如何在 vite 中配置 lodash tree-shaking

现在,我正在使用 Vite2.x 使用“rollup-plugin-visualizer”构建我的项目,我发现它构建了整个 lodash 包

那么,如何配置 vite2.x 以减小 lodash 包大小 在此处输入图像描述

0 投票
5 回答
1394 浏览

npm - 如何使用 Vite 向用户显示 package.json 中的当前应用版本?

使用 create-react-app 可以做到process.env.REACT_APP_VERSION这一点。

Vite中是否有等价物?

0 投票
1 回答
350 浏览

vue.js - Vue CLI 使用相对路径部署到子文件夹

使用 Vue CLI 和 Vue 2。

任何人都知道如何使用相对路径构建项目,所以我可以将它放在我服务器的任何子文件夹中,它会工作吗?(例如www.mysite.com/subfolder/

我试过了

它构建相对路径(即,js/app.js而不是/js/app.js),但应用程序不会加载。页面上什么都没有显示。

最奇怪的是所有文件都正确加载(我可以在 Chrome devtools 中检查网络选项卡),没有 JS 错误等。所以页面正在加载所有文件,但似乎在使用相对路径时拒绝安装应用程序。

我知道我可以将绝对路径添加到构建过程中,但这不是我需要的。我的客户需要能够将文件从一个子文件夹自由移动到另一个子文件夹,并且该应用程序应该可以工作而无需重新编译

PS:还尝试使用 Vite 和 Vue 3 构建项目,同样的问题。

谢谢!

0 投票
0 回答
71 浏览

javascript - 构建生产时排除一些代码

我在我的代码中使用和导入 msw 库作为开发模式下的 es 模块,并且我正在使用import.meta.env.DEV它来将其包含在开发中。但是当我为生产而构建时,这个库也包含在构建输出中。那么如何从构建输出中排除这段代码呢?

0 投票
1 回答
547 浏览

vue.js - TypeError:无法使用 Vue 路由器和 Vue 3 读取未定义的属性“推送”

伙计们,我在 Vue 3 和 Vite 中遇到问题,我正在尝试使用路由器,但我遇到了问题,因为他们没有找到它。

0 投票
1 回答
887 浏览

typescript - 如何使用打字稿在 vue3 设置脚本中导入类型?

我想<script setup>在打字稿中使用带有道具类型检查的功能。但似乎<script setup>没有将 RouteRecordRaw 作为类型导入,而是作为值导入?如果我在 vite 中运行这段代码,浏览器控制台会打印一个错误:

“未捕获的 SyntaxError:请求的模块 '/node_modules/.vite/vue-router.js?v=52a879a7' 不提供名为 'RouteRecordRaw' 的导出”

代码:

0 投票
1 回答
148 浏览

npm - 使用 NPM 安装 JEST 时命令行抛出错误

我只是用 Vite 初始化了一个 Vue3 + TypeScript 项目,然后我什么都没做。我没有写一行代码,我没有修改任何文件。

我只是npm i jest -D 直接使用这个命令来安装 JEST。

但是命令行会抛出这样的错误:

这让我很无助。我不知道问题是什么。