问题标签 [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 回答
1733 浏览

typescript - Vue 3 - 使用带有 Typescript 支持的附加道具扩展 Vue 组件

我正在尝试扩展第 3 方 Vue 组件(来自 PrimeVue)并添加其他道具,但我想保留原始组件的类型并将它们与我的其他道具结合起来。

例如,使用下面的第 3 方 Button 组件,其类型强制“标签”必须是字符串,如果我尝试传递数字,我的 IDE(VSCode + Vetur)会将其标记为错误。

如果我将 Button 类扩展到我自己的组件 BaseButton 中,使用下面的通用模式,我将能够将数字或任何其他类型传递给 label 道具,而 IDE 不会抱怨。除了维护原始 Button 组件的类型之外,我还想将它与我的其他道具结合起来,例如myProp: string下面。

就我而言,第 3 方组件是用 Vue 和 vanilla JS 编写的,但有一个外部 Button.d.ts 类型文件。我不确定这是否重要。

0 投票
2 回答
2705 浏览

javascript - 不使用 App.vue 时带有 Vite 的 Vue 3 渲染空白页面

设置

我已经在基于 Arch 的操作系统上使用vite初始化了一个新项目。

当我尝试从vue docs创建简单的计数器时,elemet 不会呈现。

代码

索引.html:

main.js

当我检查元素时,它被注释掉:

安慰

问题

这是为什么?以及如何解决错误?

0 投票
0 回答
325 浏览

reactjs - 未捕获的 ReferenceError:未定义 XXX_default

我发现将 viteJs 迁移到 react 尤其是与材料 ui 反应的问题

这是我的部分代码:

这是错误: 错误

我发现这是 vitejs 的问题,但那里的解决方案对我不起作用:https ://github.com/vitejs/vite/issues/1853

请问有什么解决办法吗?

0 投票
0 回答
266 浏览

javascript - 未捕获的 ReferenceError: 初始化前无法访问 XXX ( vitejs & react )

我使用 vite 和 reactjs ,当我在代码中更改某些内容时,我看不到更改,我只看到页面刷新并且什么都不渲染(白页)和控制台中的错误

有什么帮助吗?

0 投票
0 回答
139 浏览

visual-studio-code - VSCode Intellisense 不能在 commonjs 文件中完全工作?

我正在使用realm-websdk 从我的 svelte 应用程序访问 mongodb 后端系统。我需要初始化一个新的领域应用程序,所以我realm.cjs为它创建了一个全局文件:

我尝试在我的苗条组件中使用它,如下所示:

但是 VSCode 的 IntelliSense 不起作用。当我尝试从文件app内的对象访问函数时,realm.cjs它可以工作。我需要改变什么,才能让它工作?

注意:我使用 svelte 和 vite.js

0 投票
1 回答
1170 浏览

vue.js - 在 vue3 vite 项目中构建 vite 时出错

我已经用 vite 准备了我的 vue3 项目。在本地主机中,如果我运行npm run dev它可以正常工作并运行网站文件。如果我运行,npm run build那么它不起作用。我已将错误消息附加为图像。请检查

TIA

在此处输入图像描述

0 投票
1 回答
1357 浏览

javascript - vite@2 构建中缺少组件和资产

我能够使用 vite@1 进行功能构建,现在我已经更新了我的配置和模块以使用 vite@2,一些资产和组件无法正确加载并且路径与真正的绝对路径不对应路径。

它在 dev 上运行完美,虽然我正在使用电子制作应用程序,但这应该不是问题,因为正如我之前提到的那样,vite@1 的构建很好。

资产不是问题,它们存在于构建文件夹中。在需要它们时似乎是一个问题。

这是一个更详细的问题,您可以在其中找到所有错误消息和屏幕截图:

https://github.com/MangoTsing/vite-electron-quick/issues/11

虽然我不认为它与电子有关,但又一次。我仍然把它放在 vite-electron-quick 上以排除这种可能性。

这是我的 vite 配置

再生产

https://github.com/denyncrawford/mismor-guillotine

系统信息

  • vite最新的:
  • 操作系统:Windows 10 2004
  • 节点版本:15.2.0
  • 包管理器 (npm) 和版本:7.0.8
0 投票
1 回答
3485 浏览

vue.js - vue3、vite 和 vue-router@next,无法解析组件 router-view

我使用 Vite 创建了一个项目并添加了 vue-router@next。我在 main.js 中使用路由器,因为我已经浏览过,似乎这是问题所在,但它不能解决我遇到的问题。

我收到的警告如下: 在此处输入图像描述

如何使路由器视图工作?因为我现在无法使用它。

0 投票
2 回答
4373 浏览

node.js - Vite 上的 Docker-compose

我正在使用 Vue 对接一个 Vite 应用程序。当我yarn dev从系统运行时,一切正常,但是当我从 dockerfile 启动相同的命令时,出现以下错误

我的 dockerfile 是

我的 docker-compose.yml 是

我的文件夹结构是

0 投票
1 回答
305 浏览

reactjs - 使用 React Firebase Hooks 和 Vite 构建失败

我正在尝试使用 vite 构建我的 react 项目,但它引发了以下错误。

开发版本运行良好,所以我不确定构建导致它失败的原因是什么。

vite.config.js