问题标签 [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.
node-modules - 我如何直接将“node_modules”与“yarn berry”一起使用
我使用 node_modules 运行脚本,并将 node_modules 复制到“dist”以导入模块
'packages.json'
和'vite.config.ts'
但使用纱线浆果,不会产生“node_modules”
所以,在我直接使用 node_modules 之前我该怎么做
javascript - 基本 Vite 香草设置
我想用Vite vanilla建立一个非常基本的项目
我用脚手架搭建了这个项目yarn create @vitejs/app
现在我调整了以下文件:
索引.html
样式.css
main.js
当我单击“发送”按钮时,我现在在浏览器控制台中收到以下错误
解决方法
我可以通过向按钮添加事件侦听器而不是直接在 HTML 中添加 onclick 来解决此问题
但是为什么不能onclick="sendMessage()"
在 HTML 中使用第一种方法呢?
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
在之前被编码(但随后将被解码)。所以现在对路径进行了编码。
node.js - 如何让 Vite 在构建期间不将 process.env 转换为特定值?
背景
我使用 Vite 将我的项目从 esModule 构建到 CommonJS,我将在 NodeJS 中运行结果。
困扰我的一个问题是process.env
已经转换为特定值,但我只想process.env
保持原样,因为我将在 NodeJS 运行结果时传入具体值。
虽然是用Vite搭建的,但我觉得这应该是Rollup的问题。
更新:应该是 vite 的问题。
细节
我的代码看起来像这样:
构建的结果是这样的:
我期望的构建结果:
这是我的配置:
vue.js - Vite 迁移:错误不提供导出
我正在尝试使用 Vue 2.0 从 vue-cli 迁移到 Vite。
我有一些用于 GRPC 通信的 JavaScript 生成文件;在每个文件旁边,都有一个声明性文件,因为我将 Vue 与 TypeScript 一起使用。运行 Vite 时,出现以下错误:
但是,我有一个相应的声明文件,其中包含这一行:
有人遇到过这个问题并有解决方案吗?
谢谢
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 下面:
svelte - 如何让 vite+svelte 生成本地工作的 HTML?
我想vite
使用vite-plugin-svelte
(使用打字稿)生成可以在本地打开的文件,无需服务器,例如file://
.
有几个问题阻止了输出在vite build
本地运行:
- 代码捆绑在
<script type="module" ...
脚本中,无法在本地打开。 - 资产的路径是绝对的,而不是相对的。
index.****.js
带有 ESM 模块的生成(例如使用import ...
语法)仅在模块中可用。
问题是,如何配置 vite/svelte/tsc 以生成可从本地文件系统加载的 html/js 文件,而无需 Web 服务器?
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' ] }