webpack-dev-middleware 相关问题


当我尝试编译 React 应用程序时,Webpack 无法编译错误

无法解析源映射:'webpack:///../../src/chains/index.ts' URL 不受支持 无法解析源映射:'webpack:///../../src/eips/index.ts' URL 不受支持 无法解析源代码...


Webpack IgnorePlugin 不适用于 date-fns 区域设置文件

我尝试使用 IgnorePlugin 从 Webpack 配置中的 date-fns 包中排除区域设置文件。然而,尽管我进行了配置,Webpack 仍然将语言环境文件包含在


为 Shopify 开发设置 webpack/HMR

我正在尝试设置 webpack 的开发服务器和 HMR 来配合 Shopify 主题开发。当运行服务器并打开本地 IP 时,我从 Shopify 的 DNS 提供商 CloudFlare 收到此错误......


Webpack 模式更改 Heroku 暂存 URL

我最近启动了带有临时和生产环境的 Heroku 管道。我的应用程序是使用 React、NodeJS 和 Webpack 构建的。 当我部署到 staging 时,我的 baseURL 是生产 url,但它...


Vue 2.0 + webpack 使用 npm 包中的组件

我正在尝试使用 webpack 和 Vue 2.0 设置一个项目,但在我的项目中使用 npm 包(如 vue-parallax)中的组件时遇到了一些麻烦。 我安装了该软件包并且一切...


Next.js:如何通过 https localhost 使用 CLI (next dev) 启动开发模式

在 Next.js 中,哇,通过 https localhost 使用 CLI (next dev) 启动开发模式? 我应该将哪些参数传递给“next dev”命令,该命令可以在 package.json 中编辑? 我不...


运行 npm run dev || 时出现总线错误npm 启动

我似乎无法在我的 macOS 计算机上运行 npm run dev 或 npm start 。 每次尝试这样做时,我都会收到总线错误消息,输出通常如下所示: klvn git:(主) ✗ npm run dev ...


抑制很长的 webpack/Babel 警告

在项目上运行 npm run start:webpack 脚本会产生长达几页的亮黄色警告: [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] 解决“@babel/he...


如何使用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>&lt;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> &lt;% for (key in htmlWebpackPlugin.files.js) { %&gt; &lt;script type=&#34;text/javascript&#34; defer=&#34;defer&#34; src=&#34;&lt;%= htmlWebpackPlugin.files.js[key] %&gt;&#34;&gt;&lt;/script&gt; &lt;% } %&gt; </code></pre> <ol start="3"> <li>在 <pre><code>script</code></pre> 中添加所有必要的属性。百里香示例:</li> </ol> <pre><code> &lt;% for (key in htmlWebpackPlugin.files.js) { %&gt; &lt;script type=&#34;text/javascript&#34; defer=&#34;defer&#34; th:attr=&#34;nonce=${cspNonce}&#34; src=&#34;&lt;%= htmlWebpackPlugin.files.js[key] %&gt;&#34;&gt;&lt;/script&gt; &lt;% } %&gt; </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>


Vuetify3 图标在开发/构建后不显示

在 build/dev ("dev": "vue-cli-service build --dest=../static/ --mode=development --watch") 命令生成后,我使用 Vue 和 Vuetify 构建我的应用程序文件转到静态目录


我无法让 Mapbox 在我的 NextJs 项目中工作

从 'react' 导入 React, { useEffect, useRef, useState }; // eslint-disable-line import/no-webpack-loader-syntax // @ts-忽略 从'!mapbox-gl'导入mapboxgl; 导入'mapbox-gl/dist/mapbox-gl....


如何在 Linux ARM64 上构建 Chrome V8?

我正在尝试在 Ubuntu 22.04 ARM64 上构建 V8。我尝试通过便利脚本进行构建,即tools/dev/gm.py arm64.release,以及tools/dev/v8gen.py arm64.release,但没有成功(clang


导入DecompressionStream模块

在我的 React Typescript 应用程序中,我收到此错误。 webpack 编译时出现 1 个警告 src/App.tsx 中出现错误:30:21 TS2304:找不到名称“DecompressionStream”。 28 | 28 const enc = new TextEncoder()...


安装pact-lang-api后Webpack/polyfill出错

在尝试连接刚刚使用 create-react-app 创建的 React 前端时,在将 pact-lang-api 导入应用程序后运行 npm run start 时收到此错误消息: ./


如何在 React 中使用带有 className 属性的 TailwindCSS 实用程序类

我为 React 创建了一个模板(样板)存储库,它提供 ESLint、Typescript、TailwindCSS 和 Jest 测试,并使用 Webpack 构建。 然而,TailwindCSS 实用程序类不...


升级到 React 18 后 React App 未渲染

`我的 React 应用程序运行良好,但升级到 React 18、mui v5 和 redux v5 后,它没有渲染任何内容。 在终端中,我得到: webpack 编译成功 但在 chrome 控制台中...


webpack devserver 代理到 https,给出“尝试代理请求时发生错误”和 SELF_SIGNED_CERT_IN_CHAIN

尝试设置从本地主机到 https 站点的代理时看到以下错误 [HPM] 尝试将请求 /api/analytics/getDataByPage 从 localhost:8080 代理到 https://exam 时出错...


在变基时解决冲突时忽略特定文件

我已经签出了一个非常旧的功能分支,并且想要对 master 进行变基。 但是,有一些 webpack 构建文件未包含在 .gitignore 中,这会导致 rebase 提示我解决


如何更改Git远程仓库?

考虑: PS C:\.dev\despesas-python> heroku 创建 app-despesas-pessoais-python » 警告:heroku 更新从 7.53.0 到 8.0.5 可用。 创建 ⬢ app-despesas-pessoais-python...完成 https...


Google Coral Dev Linux 内核 v5.x 支持

目前 Google Coral 开发运行在支持 Linux 内核 v4.14 的 Mendel OS 上 https://coral.googlesource.com/linux-imx/ linux-imx 已经支持 i.MX8 v5.4 https://source.codeaurora.org/ex...


我正在尝试将 Angular 版本从 16 升级到 17,但当我执行 npm start 时,它会抛出以下错误。有人可以告诉我该怎么做吗?

./src/main.ts - 错误:模块构建失败(来自 ./node_modules/@ngtools/webpack/src/ivy/index.js): 错误:无法将类型实体 i11.MatLegacySelectModule 解析为符号 ./src/polyfills.ts - 错误:


WordPress.com VIP 主题激活问题 - 找不到 vip-init.php

我正在 Ubuntu 14.04 LTS 计算机上按照以下说明设置我的第一个 VIP 主题: https://vip.wordpress.com/documentation/vip/dev-environment/ 和 http://docs.chassis.io/en/latest/quick...


使用 testcontainers 和 prisma orm 安装 postgis 时出错

我正在使用 testcontainers 创建 e2e 测试,我有一个为 Postgres 安装 Postgis 扩展的迁移,但收到以下错误: 命令失败:npx prisma migrate dev 错误:


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

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


在flutter项目中添加风味后,AppCilrcle平台上的iOS构建失败

我已经只为单个环境构建了setps,但现在我正在尝试为多个环境(prod、dev)构建iOS应用程序。为此,我已在


指标服务器在一个节点上显示未知

它恰好发生在我今天添加到集群中的 almalinux 9.0 服务器上。 k8s 版本是 1.19.16 名称 CPU(核心数) CPU% 内存(字节) 内存% k8s-dev-node1 110m 11% ...


我如何告诉 Traefik 使用不同的端口公开服务?

基于此(https://github.com/r9r-dev/portaefik)我已经设置了portainer,前面有traefik。效果很好,我正在用它主持 portainer 和 traefik 背后的其他一些事情。 我愿意


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

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


更改 React.js DEV 的 WS-URL

我有一个在端口 5447 上运行的 React 应用程序,但它使用 Nginx Multihost 重定向到端口 80 上的子域。 示例:dev.react-app.net 连接基本上可以工作,但是我的 React 应用程序...


React、Mantine、CSS 模块无法正确加载

我正在使用 TypeScript 和 Mantine 开发一个 React 项目。我正在使用 CSS 模块来设置组件的样式。然而,在看似随机的时间,CSS 停止加载(据我从 Dev 观察到......


在 Heroku 上找不到 PostgreSQL 数据库的附加爱好开发

我正在尝试使用 Django 将我的应用程序推送到 Heroku,但是当我运行 heroku addons:create heroku-postgresql:hobby-dev -a (appname) 时,它给了我这个错误: 找不到附加服务...


如何使用 C# 开发套件在 Visual Studio Code 中设置 dotnet Release 配置构建?

我已经安装了 Visual Studio Code 和“C# Dev Kit”。看起来没有默认的方式让人们选择发布配置构建。 查看文档包,它提到了 a...


从源“https://excel.officeapps.live.com”访问“https://localhost:8000/lib/functions.json”处的 XMLHttpRequest 被 CORS 策略阻止

我正在尝试通过JavaScript API在Excel中开发自定义函数。环境是Mac OS和Excel Online (Chrome)。 我按照教程并通过 npx office-addin-dev-certs 安装证书


Os Dev 的 PCI IDE 教程中的 insl 函数是做什么用的?

这是调用insl的函数。 void ide_read_buffer(无符号字符通道,无符号字符寄存器,无符号整数缓冲区, 无符号整型四元组) { /* 警告:此代码包含...


如何在 Qt 中通过语音调度程序使用 RHVoice

我正在尝试在 Linux 上的 Qt C++ 项目中使用 RHVoice。 我安装了 RHVoice,并与它的库 RHVoice.h 进行了斗争,该库由 librhvoice-dev 包提供,到目前为止,它似乎是...


GitVersion 正确更新 master、dev、hotfix 分支的程序集版本

我在 Azure DevOps 管道中使用 GitVersion 来自动化部署,但是我正在努力让自动版本控制按我想要的方式工作。 分支结构是这样的: 大师-这...


Mac OSX Dev:自定义 ViewController 未接收鼠标事件

我需要创建一个快速演示应用程序(尽快)。它有一个 NSImageView(带有全窗口大小的照片),鼠标点在其上单击、拖动和移动。 还有一个 NSTextField(标签)来显示...


有没有办法指定在 helm 图表中使用哪些值文件

在我们的一个舵图中,我们每个环境都有一个值文件,例如 应用程序头盔图表: dev-values.yaml 测试值.yaml Chart.yaml 模板 部署.yaml 服务.yaml 入口.y...


从越狱的iPhone发送短信

以编程方式从 iPhone 发送短信的最佳方式是什么?可以选择与 /dev/tty.debug 上的调制解调器对话或使用私有 API。 我想制作一个命令行短信实用程序,并且我想要...


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

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


如何避免在Windows中由vim创建额外的文件

当我在 gvim 中创建一个新文件并使用 :wq 文件名保存它时,它会创建另外两个文件,我需要手动删除它们。 例如,我打开 gvim 并保存文件 c:\dev\


自动将实例重新注册到共享负载均衡器上的目标组

上面你可以看到我的aws环境的图示。也许这将有助于说明问题。 我有一个 DEV 环境,其中多个 Beanstalk 项目由一个共享应用程序管理......


在 Nodejs 上使用 readFileSync 和 esm 模块时遇到问题

我正在尝试将我的 commonjs 存储库转换为 ESM,但在使用 readFileSync 命令时遇到问题。看来我在节点 18 和节点 20 上得到了不同的行为。我尝试加载路径: D:\dev s-


LiteSpeed WebServer 上的 MIME 类型(“text/html”)不匹配(X-Content-Type-Options:nosniff)

不知道如何解决这个问题,它基本上会引发 React 应用程序构建 css/js 引用文件的错误。 可以查看 https://eliptum.tech/dev/ 从浏览器开发工具控制台: 资源来自“https://eli...


如何解决“包罗万象的参数只能显示为路线模板的最后一段。”

如果我有一个控制器,其操作方法使用基于属性的路由并像这样声明它,那么一切都很好: [http获取] [路线(“/dev/info/{*somevalue}”)] 公共 IActionResult 获取(


df 报告磁盘使用情况,但共享内存 /dev/shm 中没有文件

我正在尝试使用共享内存/c++ 进行编程。 我有多个进程访问共享内存片段,然后在执行过程中取消链接,并在完成后链接到另一个片段


React 无法导入图像,图像“不是有效的图像文件”

我正在尝试编译一个包含一些图像的项目。当我使用yarn dev时,我可以编译几乎所有内容,但是当涉及到图像时,它总是会给我以下错误: 错误:图像导入&...


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

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


在 GCP 计算引擎代码服务器上运行 django 时出现 CORS 问题

我正在开发一个 Django 项目。为此,我在个人笔记本电脑上以及在 GCP 计算引擎上运行的远程代码服务器实例 (VS Code Remote) 上工作。 我在 https://dev 上运行代码远程。


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

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


© www.soinside.com 2019 - 2024. All rights reserved.