vite-plugin-pwa 相关问题

由于某种原因，运行该命令时，某些脚本会编译，而某些脚本的内容会被“删除”。这是我的 vite.config.js 文件：从“laravel-vite-plugin”导入 laravel；导入vu...

Vue3 Vite 应用：无法解析源以进行导入分析，因为内容包含无效的 JS 语法

我得到了一个使用Vite作为构建工具的Vue3应用程序。当我尝试构建应用程序时出现此错误：但是，我确实安装了 @vitejs/plugin-vue，如我的 package.json 中所示，我相信......

开发工具错误我目前正在尝试在我的 nuxt 3 项目中实现 PWA 功能，但我不断遇到这个问题：[Vue Router warn]: No match found for location with path "/icon_512x512...

如何使用next-pwa添加推送通知

我有一个 Next.js 应用程序，我使用 next-pwa 作为离线模式。现在我想添加推送通知（OneSignal解决方案），我看过很多文章/教程，它们都需要创建/更新...

Vite不断刷新整个页面

我从CRA迁移到Vite，它不断刷新整个页面。我在 GitHub 上看到了这个问题 #7131，这不是我的问题。这是我的 vite.config.js：从“vite”导入{defineConfig，loadEnv}

Vite 如何处理删除内置 .css 文件中的 .css 嵌套？

我一直在使用 Vite，并注意到由于删除了嵌套，构建的 .css 文件与原始源有所不同。具体来说，Vite 似乎压平或删除了

在 Electron-vite 中包含本地 JavaScript 库的 TypeScript 无法正确编译

我正在尝试将本地库导入到 vite-electron TypeScript 项目中。请原谅我对 vite-electron 和 JS 捆绑生态系统缺乏了解，我是 JS 和 TS 开发的新手......

RollupError：无法解决 - Vercel React vite 部署

我尝试在 vercel 或 netlify 上部署我的 React vite 项目，但出现错误： RollupError：无法从“src/components/Pages/CarDetails/CarDetails...”解析“./reviews/Reviews”...

通过 github 操作创建 EC2 AMI 时出现错误：exec: "session-manager-plugin": $PATH 中找不到可执行文件

==> learn-packer.amazon-ebs.ubuntu：exec：“session-manager-plugin”：在 $PATH 中找不到可执行文件 learn-packer.amazon-ebs.ubuntu：启动 portForwarding 会话“Amy-

Maven-shade-plugin 检测到某些类文件存在于两个或多个 JAR 中

我正在尝试使用 maven-shade-plugin，但收到警告： javafx-controls-18.0.1-win.jar，javafx-graphics-18.0.1-win.jar， javafx-media-18.0.1-win.jar、javafx-web-18.0.1-win.jar 定义 1 覆盖...

如何让Next.js对SEO友好，同时支持PWA离线模式？

我们有一个 Next.js 应用程序，支持用于 SEO 的 SSR。这意味着当您访问任何页面时，只会下载该特定页面所需的基本代码，从而导致...

尝试在vite构建中包含多个html页面

这工作正常，但是有没有更好的方法来处理所有 html 文件？ // vite.config.js 从“路径”导入{解析}；从“vite”导入{defineConfig}；导出默认

Microsoft.AspNetCore.Components.WebAssembly.Server 不工作并显示黄色标记

尝试在 PWA 应用程序中添加以下包，但它始终显示黄色标记。尝试关闭重新打开 Visual Studio，尝试删除 bid 和 obj 文件夹，仍然出现相同的错误。这是网v...

多次`maven-jar-plugin`执行导致编译问题

我有一个多模块Maven项目：项目根目录模块：主应用程序模块：附加模块 - 取决于主应用程序我正在使用 maven-jar-plugin 来编译额外的 JAR 文件

React Vite + SockJS 客户端全部传输失败

我的项目使用react + vite，没有任何代理配置我尝试使用 webstomp-client 和 sockjs 连接到 websocket 服务器（Springboot 支持 SockJS）后端springboot服务器生成...

React 的“npm create vite@latest”问题：无法初始化项目

我在尝试使用命令 npm create vite@latest 创建新的 React 项目时遇到问题。尽管遵循文档并确保我拥有最新版本的...

Vite 资产捆绑器在使用 Inertia.js 和 Vue.js 构建 Laravel 应用程序的 Docker 构建过程中未捆绑所有文件

我有一个 Laravel 应用程序，其前端使用 Inertia.js 和 Vue.js 构建，并且我使用 Vite 作为资产捆绑器。当我在本地运行 vite build 时，应用程序会正确捆绑，包括...

Flutter Web Firebase 推送通知收到两次

我遇到了大问题，我目前正在开发一个应用程序，我需要将推送通知发送到我的Web应用程序（用户必须在其移动设备上安装PWA）。我们在添加时遇到了很多问题...

Vite+Vue 页面不需要的 CSS 样式

在Vite-Vue应用程序中，我实现了index.html和vue组件/视图的样式，但浏览器将它们显示为被划掉。 AMany =我在组件/视图中添加的样式也是 cro...

使用 vite 开发服务器处理错误

与vite合作时，当代码不正确且包含错误时，会出现 UI。（见下图）是否有一个 api 可以处理此模式并以受控方式显示？我会展示我自己的...

无法解析包“notistack5”的条目。该包的 package.json 中指定的 main/module/exports 可能不正确

运行vite时，出现以下错误： 15:52:07 [vite] 内部服务器错误：无法解析条目包裹...包裹可能有不正确 main/module/exports 在其

vitest 使用 vite-tsconfig-paths 加载 url 失败

我正在尝试将 vitest 添加到我的前端，但在设置路径时遇到问题。运行 vite 时前端运行良好，但由于某种原因，运行 vitest 时自定义路径失败。失败|前面...

Vite-Vue 应用 HTTP 请求重定向 - DEV 模式

我想在开发模式（npm）上将 HTTP 请求的基本 URL 从 Vite 应用程序的主机地址（http://localhost:5173）更改为我的 ASP .NET API 的主机地址（http://localhost:5815）运行开发）。但我有这样的

我的 css 无法在与 vite 反应时自动加载

我有一些css和js文件，我尝试使用vite导入到React中的视图中，以便它加载样式，但它没有加载，当我进入视图时，我必须注释和取消注释小鬼...

Jenkinsfile / recordIssues 从文件创建“过滤器”数组

我们使用“Warnings Next Generation Plugin”中的 recordIssues 来可视化 Trivy-Dockerimage-Scanner“aquasec/trivy”生成的结果。这个工具可以...

使用 Vite 在 React 应用程序的终端中显示错误和警告

我用React和TypeScript创建了一个Vite应用程序。我注意到终端中没有出现警告或错误，即使实际上存在错误。错误显示在浏览器控制台中，b...

iPhone 移动视图上的 ReactJS 状态栏为黑色

我查找了解决方案，大多数都是关于 PWA 的，但这是一个静态网页。我尝试添加到我的index.html 文件中，但仍然没有任何内容。在 Safari 和 Chrome 上同样如此我查找了解决方案，大多数都是关于 PWA 的，但这是一个静态网页。我尝试添加到我的index.html 文件中，但仍然没有任何结果。 Safari 和 Chrome 上同样 <meta name='viewport' content='initial-scale=1, viewport-fit=cover'> 这就是我想要实现的目标我希望黑条的颜色和网页一样要更改颜色，请更改 index.html 中的代码 <meta name="theme-color" content="#0d436d" /> 根据您需要的颜色修改内容。

未找到巢/招摇

错误“@nestjs/swagger/plugin”找不到插件！启动我的 Nestjs 项目时出现此错误。我不知道出了什么问题。 Nestjs/swagger 包已安装。

如何在Vite React JS项目中设置和使用别名？

我正在开发一个使用 Vite 作为捆绑器的 React JS 项目，我想使用别名改进我的项目的模块导入路径。有人可以提供有关如何设置和使用的分步指南吗

我已经使用 vite 创建了 React 应用程序，并且已将该应用程序与 keycloak 连接，但我收到了 CORS 错误

我已经使用 vite 创建了 React 应用程序并将其与 keycloak 连接，但我收到以下错误 - localhost/:1 访问位于 'http://127.0.0.1:8080/realms/myrealm/protocol/... 的 XMLHttpRequest

Vite Dev 模式可以工作，但服务构建不起作用。 n2.BigInt 不是函数

所以我在我的项目中使用vite，这是一个使用turborepo的monorepo设置。使用开发模式或构建项目时没有问题，但是当我为项目提供服务时，我收到错误

安装vite时未捕获类型错误：对象原型只能是对象或为null：未定义

我已经更改了react-script并安装了vite，但我有一个问题，它显示白页继承_browser.js：5未捕获类型错误：对象原型只能是对象或 null：未定义在功能...

如何处理 Vite 项目中同一个库的 3 个版本冲突？

我有以下奇怪的情况：我正在使用 Vite 和 svelte-ts 模板设置开发一个网络应用程序。在此应用程序中，我必须为基于 WebXR 的增强现实使用不同的库，这样您就可以

Vite 应用程序在 DEV 中可以运行，但在 BUILD 和 PREVIEW 后不能运行 BigInt 不是一个函数

大家好，我已经被这个问题困扰了一段时间，我通过 vite config 和 tsconfig 更改尝试了许多建议的解决方案。但我在构建 m 时仍然遇到 BigInt 的问题...

如何解决Eslint插件歧义？

我有一个 eslint 配置，它扩展了其他一些配置。这些包依赖于“@typescript/eslint-plugin”，但它们使用不同的版本。扩展：['airbnb', 'airbnb-typescript', '@some-p...

TinyMCE 导入样式失败

我通过npm包和vite使用tinymce 6.8.3。导入时 import 'tinymce/themes/silver';就像文档所说的那样，我收到了图中所示的错误。

如何停止maven输出“[警告]配置选项'appendAssemblyId'设置为false。”？

我有一个生成jar的maven项目，但没有附加maven-assemble-plugin的appendAssemblyId。如何让 Maven 停止发出警告：“配置选项‘appendAssemblyId’已设置...

Maven：无法找到或加载主类

我制作了第一个 Spring 应用程序，现在我需要将其打包到 jar 文件中进行部署。在 pom.xml 中，我指定了 maven-jar-plugin 以便自动创建清单文件......

Kotlin/Spring Boot 应用程序无法使用 Docker 在 Maven 中构建

我正在尝试为 Kotlin/Spring Boot 应用程序构建一个映像。但是当我运行 docker build 时出现以下错误： [错误] 无法执行目标 org.jetbrains.kotlin:kotlin-maven-plugin:1.7.20:

如何修复“在索引 0 处找到带有非文字参数的 fs.readFile”？

我正在尝试在 TypeScript 项目中添加 eslint-plugin-security。然而，对于这些代码从 'fs' 导入 { Promise as fsp }；从 'fs' 导入 fs；从“路径”导入路径；常量索引=等待...

运行 Vite-React：“npm run dev”出现问题

当我尝试运行代码时，我收到以下消息。节点：内部/模块/cjs/loader：1147 抛出错误； ^ 错误：在ite.js 中找不到模块“D:\Web-Development ite” 在...

添加plugin:@typescript-eslint/recommended-requiring-type-checking后，提示tsconfig中未包含该文件

我用 npx create-react-app my-app --template typescript 创建一个项目，然后我向其中添加打字稿类型检查，但我的 App.tsx 报告以下错误：解析错误：ESLint 已配置...

如何在堆叠条上同时显示数据标签和总和

我尝试在堆叠条形图中同时显示数据标签和总和。我使用 Chartjs-plugin-datalabels.js 来显示数据标签或总和。上面只是带有数据标签：以上只是机智...

无法解析 org.apache.maven.plugins 的插件描述符：maven-resources-plugin：2.4.3.. 打开 zip 文件时出错

我正在使用maven构建和编译一个spring项目，这是我收到的错误“打开zip文件时出错”。我在此处附加了 settings.xml 以表明我配置了 p...

使用Vite JS导入带变量的图片

我目前在 client\src\pages\Dashboard.jsx 工作我有一个文件 client\src ssets rog_photos ，其中包含 200 张随机图像，我一直在尝试使用变量导入图像并显示...

无法读取 Docker 化的 React 应用程序中的环境变量

我使用创建了一个演示反应应用程序 npm 创建 vite 我更改了 App.tsx 如下：函数应用程序（）{ console.log('!!!!!!!!!!!!!!!!!!') console.log(JSON.stringify(import.meta.env)) 控制台.log...

警告：尝试在已经呈现的 <UINavigationController> 上呈现 <RNNSideMenuController> <RCTModalHostViewController>

我正在使用应用内支付-react-native-plugin插件将Square支付方法集成到react native中。在 iOS 中，如果在添加新卡反应本机 p 上打开卡输入模型，则会产生问题...

Chakra UI 智能感知在 VS Code 中不起作用

我已经在 VS Code 中使用 Vite (v5.0.8) Javascript 模板安装了最新版本的 ChakraUI (v 2.8.2)。当我开始输入或输入“ChakraProvider”或任何其他脉轮的名称时

如何使用webpack 5向脚本标签添加nonce属性

我使用 webpack 5 和 HtmlWebpackPlugin 来构建我的前端 SPA。我需要向添加随机数属性 <question vote="0"> <p>我正在使用 webpack 5 和 <pre><code>HtmlWebpackPlugin</code></pre> 来构建我的前端 SPA。</p> <p>我需要将 <pre><code>nonce</code></pre> 属性添加到 <pre><code><script ...</code></pre> 注入的 <pre><code>HtmlWebpackPlugin</code></pre> 标签中。</p> <p>我该怎么做？</p> <p>额外问题：之后我在服务之前使用此页面作为 Thymeleaf 模板。如何注入<pre><code>nonce</code></pre>值？</p> </question> <answer tick="false" vote="0"> <p>如果您使用的是 webpack 4，海里有很多鱼——只需使用任何注入属性的插件，例如 <a href="https://github.com/numical/script-ext-html-webpack-plugin" rel="nofollow noreferrer">script-ext-html-webpack-plugin</a> 或 <a href="https://github.com/dyw934854565/html-webpack-inject-attributes-plugin" rel="nofollow noreferrer">html-webpack-inject-attributes-plugin</a> </p> <p>但是，上面提到的大多数插件都不适用于 webpack 5。解决方法是使用 <pre><code>HtmlWebpackPlugin</code></pre> <a href="https://github.com/jantimon/html-webpack-plugin#writing-your-own-templates" rel="nofollow noreferrer">templates</a>。</p> <ol> <li>将<pre><code>inject</code></pre>中指定的<pre><code>false</code></pre>选项中的<pre><code>HtmlWebpackPlugin</code></pre>设置为<pre><code>webpack.config</code></pre>。</li> <li>在模板中添加以下代码，将所有生成的脚本插入到结果文件中：</li> </ol> <pre><code> <% for (key in htmlWebpackPlugin.files.js) { %> <script type="text/javascript" defer="defer" src="<%= htmlWebpackPlugin.files.js[key] %>"></script> <% } %> </code></pre> <ol start="3"> <li>在 <pre><code>script</code></pre> 中添加所有必要的属性。百里香示例：</li> </ol> <pre><code> <% for (key in htmlWebpackPlugin.files.js) { %> <script type="text/javascript" defer="defer" th:attr="nonce=${cspNonce}" src="<%= htmlWebpackPlugin.files.js[key] %>"></script> <% } %> </code></pre> <p>基于 <a href="https://github.com/jantimon/html-webpack-plugin/issues/538#issuecomment-270340587" rel="nofollow noreferrer">github 帖子</a></p>的答案 </answer> </body></html>

SvelteKit：RollupError：意外的标记“，”。预期的标识符或字符串

当我使用 npm run dev 运行 SvelteKit vite 开发服务器时，尝试打开页面时出现错误： RollupError：意外的标记“,”。预期的标识符或字符串在 getRollupError (f...

vite-plugin-pwa 相关问题

最新问题