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

javascript - Vite Vue-3 - 项目@不适用于 srcset

我按照这个解决方案使别名@工作:

我的 vite.config.js:

这有效:

这不起作用:

这是我在浏览器中的输出的样子:

0 投票
1 回答
373 浏览

node-modules - 我如何直接将“node_modules”与“yarn berry”一起使用

我使用 node_modules 运行脚本,并将 node_modules 复制到“dist”以导入模块

'packages.json'

和'vite.config.ts'

但使用纱线浆果,不会产生“node_modules”

所以,在我直接使用 node_modules 之前我该怎么做

0 投票
1 回答
531 浏览

javascript - 基本 Vite 香草设置

我想用Vite vanilla建立一个非常基本的项目

我用脚手架搭建了这个项目yarn create @vitejs/app

现在我调整了以下文件:

索引.html

样式.css

main.js

当我单击“发送”按钮时,我现在在浏览器控制台中收到以下错误

解决方法

我可以通过向按钮添加事件侦听器而不是直接在 HTML 中添加 onclick 来解决此问题

但是为什么不能onclick="sendMessage()"在 HTML 中使用第一种方法呢?

0 投票
0 回答
43 浏览

server-side-rendering - [vue3 ssr vue-router]router.push 没有路径将导航到当前编码的路径

我正在使用 vite 构建一个 ssr vue 应用程序。(vite2 & vue@3.0.11 vue-router@4.0.6 & ssr)

之前的href是

当我打电话时

我的浏览器跳转到

它很丑。我希望它导航到localhost:8080/h5/test/index.html?x=1. 我应该怎么办?

在源代码中,我看到了函数

并且params在之前被编码(但随后将被解码)。所以现在对路径进行了编码。

0 投票
0 回答
242 浏览

node.js - 如何让 Vite 在构建期间不将 process.env 转换为特定值?

背景

我使用 Vite 将我的项目从 esModule 构建到 CommonJS,我将在 NodeJS 中运行结果。

困扰我的一个问题是process.env已经转换为特定值,但我只想process.env保持原样,因为我将在 NodeJS 运行结果时传入具体值。

虽然是用Vite搭建的,但我觉得这应该是Rollup的问题。

更新:应该是 vite 的问题。

细节

我的代码看起来像这样:

构建的结果是这样的:

我期望的构建结果:

这是我的配置:

0 投票
0 回答
148 浏览

reactjs - ReactJS Application(ViteJS) 不在浏览器中呈现。终端没有错误,但在浏览器控制台中显示一个奇怪的错误

浏览器控制台错误

查看图像以获取有关错误的更多信息

npm start命令成功运行,没有任何错误,但页面未在浏览器上呈现,显示未知语法错误。

顺便说一句,我正在使用 ViteJS。

0 投票
1 回答
1880 浏览

vue.js - Vite 迁移:错误不提供导出

我正在尝试使用 Vue 2.0 从 vue-cli 迁移到 Vite。

我有一些用于 GRPC 通信的 JavaScript 生成文件;在每个文件旁边,都有一个声明性文件,因为我将 Vue 与 TypeScript 一起使用。运行 Vite 时,出现以下错误:

但是,我有一个相应的声明文件,其中包含这一行:

有人遇到过这个问题并有解决方案吗?

谢谢

0 投票
1 回答
1741 浏览

vue.js - Vue3 / Vite:如何打包组件以在 npm 上发布

我正在尝试使用 Vite 和 TypeScript 在 npm 上的公共包中导出两个 Web 组件。

Vite 有一个运行良好的库模式(https://vitejs.dev/guide/build.html#library-mode)。ESM 和 UMD 文件都被转译到我的/dist目录中。我的问题是如何在入口点文件中导出 Web 组件。

我有一个名为的入口点文件export.js

我的想法是我将npm publish项目并像这样使用它。

(AwesomeHeader 和 AwesomeFooter 在 node_module 中没有作为导出找到,即使引用/找到了 JavaScript 文件)

我的 package.json 下面:

0 投票
0 回答
172 浏览

svelte - 如何让 vite+svelte 生成本地工作的 HTML?

我想vite使用vite-plugin-svelte(使用打字稿)生成可以在本地打开的文件,无需服务器,例如file://.

有几个问题阻止了输出在vite build本地运行:

  1. 代码捆绑在<script type="module" ...脚本中,无法在本地打开。
  2. 资产的路径是绝对的,而不是相对的。
  3. index.****.js带有 ESM 模块的生成(例如使用import ...语法)仅在模块中可用。

问题是,如何配置 vite/svelte/tsc 以生成可从本地文件系统加载的 html/js 文件,而无需 Web 服务器?

0 投票
1 回答
644 浏览

node.js - 刚开始新项目,当我运行 npm run dev 时,它会在终端中引发错误

$ npm 运行开发

vite-project@0.0.0 dev vite

节点:事件:346 抛出 er;// 未处理的“错误”事件 ^

错误:在 onErrorNT ( node:internal/child_process:480:16) 在 processTicksAndRejections (node:internal/process/task_queues:81:21) 在 ChildProcess 实例上发出“错误”事件:在 Process.ChildProcess._handle.onexit (node:internal/child_process: 288:12) onErrorNT (node:internal/child_process:480:16) at processTicksAndRejections (node:internal/process/task_queues:81:21) { errno: -4058, code: 'ENOENT', syscall: 'spawn C: \Users\cottamcha\Desktop\Code\portforlio\vite-project\node_modules\esbuild\esbuild.exe',路径:'C:\Users\cottamcha\Desktop\Code\portforlio\vite-project\node_modules\esbuild\esbuild. exe', spawnargs: ['--service=0.11.23', '--ping' ] }