问题标签 [vite]

在容器中创建并启动一个空白的新 vitejs 项目

haproxy 配置位于容器的服务器和浏览器之间。全局和默认的 haproxy.cnf 部分似乎没有什么区别。它们具有与默认值相同的结果。

相关的前端后端定义是：

其中 10.110.24.2 是容器的 IP。

一旦 ViteJS 在浏览器中打开，它就会加载，但随后会失败。

铬报告

Firefox 报告的消息略有不同

两者都会挂起一段时间，或者快速重新加载以建立 websocket 连接。错误消息很难捕捉。错误后它说轮询重新启动，然后再试一次。

一种解决方法是通过删除禁用 http/2alpn h2,http/1.1

所以，http1.1 工作正常。没有代理的 Vitejs 工作正常，默认使用 http/2。Websockets 通常适用于 http 和 http/2。

现在这是 vitejs 中的错误，还是 haproxy 配置中的错误？

我刚开始在 vue 中使用 vite。

当我尝试使用 vue-router 时，出现错误：

SyntaxError：请求的模块“/node_modules/.vite/vue-router/dist/vue-router.esm.js?v=4830dca4”不提供名为“createRouter”的导出

我的 router/index.js 看起来像这样：

我的 main.js 看起来像这样：

我的 package.json 看起来像这样：

有人知道如何导出路线吗？

我使用 Vue CLI 和 Vue 2 构建了一个多页面应用程序，vue.config.js如下所示：

但是如何使用 Vite 和 Vue 3 构建多页面应用程序？

这是我的目录结构。我像这样编辑了 vite.config.js：

但是当我构建时它返回错误并且我无法通过 localhost:3000/admin/index.html 打开管理页面。

从'axios'导入axios；

导致 vite 投掷

未捕获的语法错误：找不到导入：默认

这是使用 axios 0.21.1 和 vue 3.0.5

试图找出问题所在... vuejs v3 cookbook 遗憾地通过 cdn 调用 axios 0.14 代码

目前，我已经建立了一个 Vite 2 项目monaco-editor作为依赖项。

每当我尝试使用它时，它都会说工人不是进口的。

由于我使用的是 Vite 2，因此我假设只需rollup-plugin-monaco-editor在 plugins 数组中指定汇总插件。但是，我仍然遇到这个问题。

有什么合适的方法可以导入monaco-editorVite 2 项目吗？

浏览器报错：

未捕获的类型错误：无法解析模块说明符“antd-mobile”。相对引用必须以“/”、“./”或“../”开头。

我的配置：

我现在正在使用将环境变量注入到import.meta.env.

我以前能够创建一个文件env.d.ts来提供类型process.env

我尝试了以下但不起作用。

我已经通过vue3 - vite导入一个组件来安装项目，例如

我只想给 src 文件夹起别名并做

这是我的 vite.config.js

我错过了什么吗？我还应该做什么？

我对 toRaw() 有反应性困惑。

应用程序.vue

TheForm.vue

列表.vue

由于代码将代理传递给数据，因此它的行为很可疑：提交表单后，如果您重新编辑表单字段中的数据，它也会编辑列表的输出。美好的。

thing所以我想传递in的非反应性副本addNewThing：

它按预期工作。

如果我改用它，那是行不通的const clone = toRaw(thing);。如果我记录每个的输出，{ …thing}那么toRaw(thing)为什么似乎toRaw()没有失去它的反应性？

任何光照都会，嗯……很有启发性。

我的开发团队使用 VsCode 的 npm 脚本面板配置了一个带有 TypeScript 的 Node.js 项目，以使用 Vite 作为开发服务器。有没有办法将调试器附加到这个 Vite 服务器，以便我们可以在编辑器中调试 TSX 代码？