问题标签 [vite]

Delab 一些代码更改Vue3-Vite。我在 Vue3 中重新启动页面后收到错误消息。

未捕获的 ReferenceError：在初始化之前无法访问“路由器”

router\index.js

App.vue

尝试在远程机器上托管Vue3开发，使用vite服务开发，做热模块替换（HMR）等，在本地开发时完美运行。

我希望能够远程开发，所以我想我应该设置一个实例，将开发的东西放在上面，然后运行一个 caddy 实例到端口 3000 到端口 80。

这几乎可以工作。我的页面服务正常，但 HMR 失败，并且页面每隔几秒钟就会重新加载一次，因为 websocket 无法连接。

我可以使用 caddy 添加另一个端口转发，但它似乎必须具有不同的路径（例如，我可以将路径“/静态”的所有内容转发到其他端口），但粗略看它并没有出现在 vite 代码中，websocket 代码使用不同的路径，它只是像其他所有东西一样通过“/”运行。有单独的路径吗？可以配置一个吗？

有没有办法解决这个问题？

谢谢！

我设置了一个 v-bind:class 像这样：

如果加载为假，它将被隐藏，并且在开发环境中可以正常工作。当我在我的服务器上构建和部署它时，它也可以正常工作。

但是，当我刷新页面时，css 效果消失了。如图所示，显示了类noloading，但控制台中的样式选项卡无法捕获 css 代码。

在此处输入图像描述

在此处输入图像描述

奇怪的是，这种情况并没有在开发环境中显示出来。它仅在我构建代码并刷新服务器上的页面后出现。

为什么会发生这种情况，我该如何解决？

我在我的项目中使用 rsuite。我刚刚开始尝试使用 Vite 来编译我们的开发版本。Vite 会在样式表规则中引用的所有 url 前面加上开发服务器的主机名。例如，我的 node_modules 目录中的样式表具有以下规则：

Vite 将其变为：

没有办法避免将开发服务器的主机连接到 CDN 交付的资产。

有人做过吗？

我有一个 Vue2 的 Vite 项目，它包含一个静态 html 文件。

喜欢以下

当我运行yarn dev时，终端输出：

node_modules/@gaoding/editor-framework/lib/base/editor.js:23:21：错误：没有为“.html”文件配置加载器：node_modules/@gaoding/editor-framework/lib/base/editor.html 23 │ 从 './editor.html' 导入模板；

我试图在下面添加一些插件vite.config.ts，但所有这些都不起作用。

@rollup/plugin-html

汇总插件 html

汇总插件 htmlvue

我怎么解决这个问题。

在 sveltekit 中导入和使用 svg 文件我参考这篇文章 https://riez.medium.com/svelte-kit-importing-svg-as-svelte-component-781903fef4ae 顺便说一句，当我最终输入代码时

我收到如下错误

我希望有人帮我解决这个问题。

我很困惑为什么会发生这种情况。在我的 .gitlab-ci.yml 中，每件事似乎都很好，如果我在npm run build本地运行，它可以正常工作，如下所示

问题显示如下。

注意： 问题正在构建阶段。我曾尝试更改构建脚本

那么一切都好......为什么它最后杀死了我的构建阶段。

我创建了一个使用 vitejs 的反应应用程序，设置如下：

此设置的工作原理如下：

• index.html使用main.js（即，<script src="/src/main.js" type="module"></script>）
• main.js进口 BOTH index.cssANDApp.js
• App.js进口App.css。

现在，我想做的是使用 tailwind@layer指令，如下所示：

现在，这适用于index.css：

这将在tailwind css的组件层中添加一个紫色背景。此外，如果我想用 tailwind-css 类覆盖该类，我可以：

在这种情况下，背景将是绿色，而不是紫色。

但是，这在App.css

在这种情况下，背景不会变成紫色。

我想知道，我怎样才能让@layer指令在App.css文件中工作（就像它在index.css文件中一样。

谢谢。

我正在使用 vitejs 静态编译我的反应应用程序，但是在构建 .env 导入之后变得未定义，这在开发阶段并非如此。

阅读文档我发现这些变量被它们对应的值替换，但是在提供它之后查看开发工具中的源/编译代码时，会显示一个带有 env 名称/键的空对象

我可能在 vite.config.ts 中有错误的配置，所以在这里。

还有我引用这些环境变量的代码

我已经使用 svelte 和 sapper 编写了一些应用程序，并认为我会尝试使用 sveltekit。总而言之，它可以工作，但我现在遇到了在服务器上注册工作人员的问题。

基本上我正在尝试将 socket.io 添加到我的应用程序中，因为我希望能够从服务器发送和接收数据。有了 sapper，这并不是一个真正的问题，因为您拥有server.js可以将 socket.io 连接到 polka/express 服务器的文件。但我在 sveltekit 和 vite 中找不到任何等价物。

我做了一些实验，可以在路由中创建一个新的 socket.io 服务器，但这会导致一系列新问题，例如它位于单独的端口上并导致 cors 问题。

所以我想知道这是否可以使用 sveltekit 以及如何访问底层服务器？