问题标签 [vite]

我正在将 Vite JS 与 Vue 3 一起用于具有服务器端渲染的单页应用程序。

我知道只能在客户端执行的 JS 必须在 hydration 上完成，但是是否可以使用包来完成？

我的情况是我希望能够使用 Headless UI（用于 Tailwind UI），只要应用程序作为单页应用程序启动，它就可以正常工作。使用 SSR 启动时，会出现以下错误：

我知道错误来自服务器端无法访问的窗口属性，但这是由包本身设置的。

无论如何告诉Vite JS SSR不要在那个包上执行JS，除非它在客户端？

以下是导致错误的 vue 组件的内容（仅在 SSR 执行时，Dialog 来自 Headless UI）：

PS：如果您需要配置参考，我使用了这个样板项目：https ://github.com/frandiox/vitesse-ssr-template

在我的 vue3/vite/typescript 应用程序中，我使用import.meta.url并提取文件名来获取当前模块的名称：

文件“myModule.ts”：

文件'test.ts'：

这很好用，只要我运行开发服务器（它实际上导入模块），但如果我使用构建版本会失败。原因是，构建版本是使用 rollup.js 创建的，它创建一个文件并且不再真正导入任何内容。

但是在这种情况下我怎么可能得到模块的名称呢？我可以以某种方式继续import.meta工作还是有其他方法可以实现这一点（除了在url属性中复制文件名）？

使用 Three.JS threenpm 模块。使用 Vite 初始化。npm init @vitejs/app. 托鲁斯看起来很可怕。按照本教程。

有人可以帮忙吗？

这是我的 main.js：

样式.css：

索引.html：

我用 vite 创建了一个 vue 3 项目，我想将 vue-router 添加到项目中，所以从我写的终端开始，vue add router但在下载完所有内容后，我收到以下错误：

有什么我可以解决的吗？

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

但是当我构建它时，在 /dist 中排除了简历，并且在发送 GET 请求时不会提供它

谢谢

Vite 在构建过程中自动删除了最后一个 dist 目录。如何覆盖而不是删除 dist。

尝试构建一个包含 tailwindcss 的简单 Vite 项目并收到以下错误，有什么想法吗？

现在我正在为我的vue SFC 应用程序使用vite 构建工具。我通过以下链接阅读了 vite 的文档：

vite 配置链接

如果我没记错的话，config中的define选项可以用来定义全局常量。我想要做的是在此选项内的变量中定义例如我的应用程序的名称，然后在我的 Vue 组件中使用它。但不幸的是，文档中没有关于此选项的代码示例。

我在我的vite.config.js文件中尝试了这段代码：

我不确定语法和代码是否正确！而且，如果它是正确的，我不知道如何在我的 vue 应用程序组件（.vue 文件）中调用（使用）这个常量。例如我想在这个组件的模板或脚本部分使用它：

我在代码中用“在此处使用”声明了想要的地方。而且，如果有任何其他方式可以在我的vite vue 应用程序中定义一些全局常量和变量，我非常感谢您的帮助告诉我。

下面是我当前的 vite config.js/package.json 和 tsconfig.json 以及带有 lib 配置的构建，它与普通的 vite 构建一起正常工作，但失败不适用于构建 lib。

文件在 dist 文件夹中生成，但应用程序不加载

vite.config.js

包.json

tsconfig.dts.json

如果您能提供一些解决方案会很棒吗？在配置上方运行时出现错误

我在使用 vite 构建 html 文件时遇到问题。这可能是因为我使用了根目录中的所有资产，例如scriptsforsrc/scripts和scssfor src/scss。我正在使用 110 在/src/pages目录中生成 html。然后将这些 html 用作入口点。我有不同的布局和部分文件，这就是为什么我用/scripts和引用我的所有资产scss。但是，现在当 vite 构建 html 文件时。所有资产都像/assets/script在所有 html 文件中一样被引用。有人知道如何解决这个问题吗？预期结果是路径应该是../assets嵌套页面。

这是我的 vite.config.ts