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

javascript - vite + vue3 + TS项目中,AWS Amplify Failed to resolve components

我很难让 AWS Amplify 与Vite.js 一起工作

所以,我script在 index.html 的head部分添加了这个

现在,我收到此警告/错误

您可以在此处查看完整的日志: 在此处输入图像描述

0 投票
0 回答
2795 浏览

vue.js - 在 vitejs 和 vuejs 中使用环境变量

我正在尝试在 Vue 3 应用程序中在运行时访问环境变量。我正在使用 vitejs 进行捆绑。

应用程序部署在 AKS 上,值存储为 Kubernetes 机密。

我按照此处此处的说明进行操作

我有一个 .env 文件,其中包含我要公开的环境变量:

$VITE_OKTA_ISSUER是我的 k8s pod 中具有实际值的 env 变量。

我尝试使用这样的变量:

进口的价值是未定义的

这就是我的 vitejs 配置的样子:

在我的 Kubernetes 配置文件中,我像这样引用 env:

我的配置是否缺少任何东西?还是有更好的方法来做到这一点?

0 投票
1 回答
237 浏览

html - “必需”html标签上的vue 3 / vitejs / volar项目中的打字稿错误

不知道如何在所需标签上修复此错误:

(属性) InputHTMLAttributes.required?: boolean | 未定义类型“字符串”不可分配给类型“布尔|” 未定义'.ts(2322)

0 投票
0 回答
201 浏览

typescript - 动画包上的Vue警告

我正在 vue 3 / vite / typescript 应用程序上导入 aos 模块,它可以工作,但我在控制台中有此警告:

runtime-core.esm-bundler.js:38 [Vue 警告]:插件必须是函数或具有“安装”函数的对象。

从'aos'导入aos;导入'aos/dist/aos.css';

0 投票
1 回答
1771 浏览

vue.js - vite 请求的模块 vue-router?

包.json:

vite.myconfig.js

我的路由器脚本

这个错误:

这为什么?

0 投票
0 回答
49 浏览

vite - 构建 vite 项目时出现分配给右值错误

我在https://github.com/enixam/js-notebook/tree/web-only有一个 vite + react + ts 项目。运行tsc && vite build产生错误SyntaxError: Assigning to rvalue

package.json文件

输出npx envinfo --system --npmPackages vite,@vitejs/plugin-vue --binaries --browsers

0 投票
1 回答
571 浏览

javascript - vite 中的 Node.js 核心模块作为 webpack 后备

在 webpack 中,当我收到错误“Uncaught TypeError: path.join is not a function”时,我可以添加配置

解决。

我该如何在邀请中做这样的事情?

0 投票
2 回答
2698 浏览

typescript - 如何在 localhost 中打开静态网站,但使用 Vite 生成且不运行服务器?

注意:我使用的示例可在 GitHub 存储库https://github.com/mary-perret-1986/primevue-poc上找到

我用 Vue.js 3 + Vite + PrimeVue 创建了一个简单的项目。

到目前为止,当我正在开发以及/dist使用服务器为构建(即)提供服务时,一切都像魅力一样。

但我想看看我是否可以/dist/index.html直接从我的浏览器打开...我的意思是从技术上讲应该是可能的。

以下是配置位:

package.json

vite.config.ts

安装包工作正常:

也在开发中:

使用预览服务器检查构建,也可以:

当我愿意在没有服务器的情况下打开我的构建时,就会出现问题,这应该是可行的,除了当我打开 时/dist/index.html,控制台对我大喊:

查看新建的上下文/dist/index.html

我已经检查了 Vite 文档的这一部分https://vitejs.dev/guide/static-deploy.html,但仍然无法拥有一个不需要服务器的真正老式构建。

任何想法?

0 投票
2 回答
1654 浏览

svelte - 这个 vite 错误是什么意思?SyntaxError:Object.pp$4.raise 处的意外令牌 (6:180)

我正在将我的 Sapper 应用程序升级到 SvelteKit。我可以很好地运行 npm run dev,它会在 localhost:3000 上启动我的应用程序。当我浏览到该 URL 时,我收到以下错误:

我无法弄清楚这个错误的提出点。谁能推荐一个地方看看?

我的 svelte.config.cjs 是

我的 package.json 包括以下内容

0 投票
0 回答
213 浏览

typescript - Vite 引导项目使用来自已安装元素的根元素模板

问题:使用默认的 vite/typescript 进程如何使用根元素的 HTML 作为模板,因为它在安装时会被清除?

我了解应用程序安装过程在 v3 ( https://v3.vuejs.org/guide/migration/mount-changes.html#_3-x-syntax) 中有所不同,但一般来说,应该有一种方法能够安装和使用 innerHTML 来安装元素。

在后台,vue3 应用程序将被挂载到现有的 CMS,因此页面上有 HTML。IE

Vite 打字稿默认引导程序:

已安装的元素被清空,因此 CMS 结构丢失,因此尝试确定能够编译根元素的 innerHTML 或将其用作某种默认插槽的最佳方法。我不能把它变成一个 SPA。

包.json

如果我从 cdn 中包含 vue 3,它实际上会编译#app元素的模板并且似乎工作正常,但我无法确定如何让它与 typescript/vite 构建过程一起工作。