angular-webpack 相关问题

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

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

当我尝试编译 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）中的组件时遇到了一些麻烦。我安装了该软件包并且一切...

抑制很长的 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><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>

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

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

从 Angular 16 转换为 Angular 17 后缺少 SSR 支持

我已将我的项目从 Angular 16 升级到 Angular 17。但是，我目前没有收到服务器端渲染 (SSR) 的支持。从 Angular 16 迁移后，Angular 是否提供 SSR 支持...

导入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 实用程序类不...

Angular CLI 版本与 Angular Core 版本之间的兼容性？

有什么方法可以知道要安装哪个与我的 Angular Core 版本兼容的 Angular CLI 版本？他们完全独立吗？使用 Core v5.2.8 开发现有的 Angular 应用程序...

升级到 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 时出错...

安装 Angular CLI 时出现 Npm Angular 警告

当我尝试通过以下方式安装 CLI 时收到 npm 警告： npm install -g @angular/cli: C:\Users\myuser>npm install -g @angular/[email protected] npm 警告已弃用 [email protected]：此模块...

Angular 17 中的 NG 块 UI

我尝试在 Angular 17 中使用 NG Block UI 并收到此错误 ng block ui error in Angular 17 知道这个模块在 Angular 17 中如何工作吗？提前致谢我使用 npm i ng-

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

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

Angular Material v17：缺少“MatFormFieldAppearance”中的“遗产”

在 Angular Material v14 中，MatFormFieldAppearance 提供了传统、标准、填充和轮廓值。类型 MatFormFieldAppearance = '旧版' | '标准' | '填充' | '大纲'; 然而，在 Angular

Angular“ng 生成组件”复制组件

由于某种原因，自从从 Angular 13 升级到 Angular 15 后，当我输入： ng g c 某些组件 Angular 复制组件，创建重复文件。这种情况 100% 都会发生。第二次...

如何使用 Angular 服务创建 nx 库

我有几个 Angular 应用程序在 nx 工作区中运行。所有这些应用程序都使用 Angular Material 对话框。为此，我通常创建这样的 Angular 服务：导入 { 管理组件 }

angular-2-dropdown-multiselect - 自定义宽度 100%

我正在实现这个 angular-2-dropdown-multiselect 组件： https://www.npmjs.com/package/angular-2-dropdown-multiselect 该组件工作正常，但我需要将其设置为适合续...

Angular-NG8001 未知元素错误。怎么解决？

我的 Angular 项目有问题。我有一个项目结构：应用程序结构。在我的 app.module.ts 中，代码如下：从'@angular/core'导入{NgModule}；从'@

Angular 项目不适用于@babylonjs/viewer

我在全球安装了@Angular/[email protected]。我使用命令行“ng new BabylonTest --routing false --style css --skip-git --skip-tests”创建了一个 Angular 项目。 CD 到文件夹“Babyl...

使用模块联盟进行 Angular 升级 - “集合没有原理图。”

我正在将一组 Angular 应用程序从 v12 升级到 v16，它们使用模块联合和 Angular Architects 的模块联合插件。成功升级每个应用程序的 Angular 版本后...

Node Sass 版本 9.0.0 与 ^4.0.0 不兼容

我的应用程序中没有安装node-sass或sass包。但我一直收到这个错误 ./src/scss/styles.scss 中的错误（./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plu...

放大init UnauthorizedException

我正在使用以下文档学习放大器 https://docs.amplify.aws/angular/start/getting-started/installation/ https://docs.amplify.aws/angular/start/getting-started/setup/ 但同时

登录后，使用 angular-oauth2-oidc 时，hasValidAccessToken 始终为 true

我已经使用 Angular 12.2 实现了 angular-oauth-oidc （版本 12.1.0）。我使用 Keycloak 作为 SSO 登录没有问题，但我在库中遇到了奇怪的行为。每次，之后...

通过Angular到Springboot访问POST失败但GET成功，Postman适用于GET和POST

我正在使用示例 Angular 应用程序来测试 Okta 与 springboot 应用程序的集成。前端示例：https://github.com/okta-samples/okta-angular-sample 我有一个带有

面临 Angular 17 和 Firebase 的问题

当我尝试在 Angular 17 应用程序中添加软件包时，它无法安装该软件包。它总是显示下面给出的错误。 ng 添加@angular/fire 跳过安装：软件包已安装更新

类型“string”无法分配给类型“FormGroup<any>”Angular 14 错误

我是一名初学者 Angular 开发人员，我正在使用本教程构建一个 todoList 应用程序 -> https://www.youtube.com/watch?v=WTn2nVphSl8 它是使用 Angular 13 完成的。我遇到错误的是我...

如何使最新的 Angular 版本与旧浏览器兼容？

Angular 在其文档中声明，它与所有主要浏览器的 2 个最新版本（以及 Firefox 的最新+ESR）兼容。由于 Angular 在底层使用标准 DOM API，因此它应该...

为什么 Angular 2 或 Angular 4 使用香蕉括号？有什么具体原因吗？为什么它们不遵循与 Angular 1 相同的模式？

我知道，它与任何编码无关，但它们可以遵循与 AngularJS 中相同的语法有角度...

Angular Material 17 独立组件中没有 DateAdapter 的提供者

我有一个带有 Angular 17 应用程序的 nx 项目，并尝试使用带有材料 17.0.4 的 Angular 材料日期选择器。但我明白了 NullInjectorError：没有 DateAdapter 的提供者！错误。组件...

应用程序无法识别手势，例如在 Angular 11 中使用 Hammer.JS 进行平移

我无法在使用 Hammer.JS 的 Angular 应用程序中识别任何手势，例如滑动、平移。它的设置是这样的：包.json： “@角度/核心”：“11.0.5”， “@Angular/platform-br...

表格标题背景颜色动态变化 - Angular 材质

我按照这个例子来实现角度材料表。 https://stackblitz.com/angular/jejeknenmgr?file=src%2Fapp%2Ftable-basic-example.ts 在这里，我使用...

nx Angular monorepo 中未定义进程

我创建了一个新的 nx Angular monorepo，并在尝试使用此代码查看环境变量时导出类 AppComponent 实现 OnInit { ngOnInit() { console.log(process.env); } ...

如何将子组件与父组件一起使用 - Angular

我创建了这个名为country-flag-dropdown.ts和html的组件成分：从“@angular/core”导入{Component、OnInit、Input、Output、EventEmitter}；导入 {FormGroup, FormControl} ...

如何在 Angular 17 中为传单图像配置加载器？

我是最近的 Angular 用户，我有一个 Angular 17 项目，带有传单地图。当我尝试构建该项目时，传单地图的 3 个图像（标记图标和图层）出现 3 个错误：是否...

如何让新的 Angular 17 项目运行？

全新安装 Nodejs (20.10.0) 和 Angular (17.0.8)。新项目（“ng new Default”），没有文件更改。 “ngserve”没有错误，但浏览器控制台显示： main.ts:5 错误

为什么我的应用程序根目录在 Angular 中不是 100% 高度？

这是我的第一个 Angular 项目，我对 Web 开发还很陌生。我正在使用 Angular 17.0.9。我希望我的应用程序为 100%，但应用程序根标签始终是可能的最小高度当你...

如何配置 Angular 17 开发服务器将 HTTP 重定向到 HTTPS？

我已将 Angular 开发服务器配置为成功使用带有 SSL 的 HTTPS： “端口”：4200， “ssl”：正确， "sslKey": "./tools/.ssl/localhost+2-key.pem", “SSL...

我已将 Angular 版本 8、9、10 升级到 16。收到此错误 NG8001：“mat-icon”不是已知元素

我已将 Angular 版本 8、9、10 升级到 16。在 Angular 16 版本上面临以下问题。我已经导入了模块文件中的所有材质模块。然后它也会给出错误。

Angular Material 5 深色主题未应用于机身

我创建了一个“自定义”主题（使用 https://material.angular.io/guide/theming 上的主题文档，这非常糟糕），如下所示： @import '~@angular/material/theming'; @包括 mat-cor...

Angular 17：fileReplacements 不替换文件

我有一个 C#/Angular 17 SPA 项目，在具有多个部署槽的 Azure 应用服务上的 Docker 容器中运行。基本上，生产槽加载标记为“latest-prod”的图像......

如何将数据从一个组件共享到另一个组件

我有两个组件：主页组件和产品列表组件。这是我的 home.component.ts：从 '@angular/core' 导入 { Component } ；从“@angular/core”导入{NgModule}；导入{产品...

Angular 12：Firebase 模块未正确提供（？）

第一次使用Firebase，所以我不知道发生了什么。我没有修改使用 ng add @angular/fire 获得的配置，所以我的 AppModule 中的内容是： @NgModule({ 声明：[

在 Angular 应用程序中调整画布元素大小时如何解决闪烁问题

我有一个带有画布的 Angular 组件，如下所示：在 .ts 文件中，我设置了一个变量来访问...

如何将 swiper 11.0.5 元素与 Angular 17 一起使用

在 Angular 17 中，一切都是独立组件，并且没有 app.module.ts 文件。那么，我们把这段代码放在哪里，从“swiper/element”导入{register}；登记（）; 我正在...

angular-webpack 相关问题

最新问题