正文 

当前位置： 首页 > 源码 >

npm audit fix angular 10.0.1 后的错误

     2023-03-07     156

关键词：

【中文标题】npm audit fix angular 10.0.1 后的错误【英文标题】：Errors after npm audit fix angular 10.0.1 【发布时间】：2021-04-27 03:34:00 【问题描述】：

我今天运行了这个较旧的 10.0.1 Angular 项目，它告诉我它有很多低漏洞和一些高漏洞。所以我运行 npm audit fix 来修复它们。 但是现在当我尝试运行它时，它给了我这些错误：

Error: ./src/main.ts  
Module build failed (from ./node_modules/@ngtools/webpack/src/ivy/index.js):
TypeError: angularCompiler.getResourceDependencies(...) is not a function or its return value is not iterable
    at getDependencies (C:\Web\vgc\vgc\node_modules\@ngtools\webpack\src\ivy\plugin.js:261:56)
    at C:\Web\vgc\vgc\node_modules\@ngtools\webpack\src\ivy\plugin.js:374:20
    at analyzingFileEmitter (C:\Web\vgc\vgc\node_modules\@ngtools\webpack\src\ivy\plugin.js:307:20)
    at process._tickCallback (internal/process/next_tick.js:68:7)



Error: ./src/polyfills.ts  
Module build failed (from ./node_modules/@ngtools/webpack/src/ivy/index.js):
TypeError: angularCompiler.getResourceDependencies(...) is not a function or its return value is not iterable
    at getDependencies (C:\Web\vgc\vgc\node_modules\@ngtools\webpack\src\ivy\plugin.js:261:56)
    at C:\Web\vgc\vgc\node_modules\@ngtools\webpack\src\ivy\plugin.js:374:20
    at analyzingFileEmitter (C:\Web\vgc\vgc\node_modules\@ngtools\webpack\src\ivy\plugin.js:307:20)
    at process._tickCallback (internal/process/next_tick.js:68:7)

任何想法如何解决这个问题？我在网上找不到任何相关的问题或解决方案。

【问题讨论】：

nom audit fix 更新依赖项。有时更新的库与其他库或您的角度设置不兼容。确保您使用的是正确的 webpack 版本。 感谢您的回答，它确实必须解决兼容性问题。我更新了修复它的 webpack 库，但给了我一些更难以解释的错误。我尝试修复它一点，但最后我做了一件聪明的事，并通过将所有内容复制到一个现在可以正常工作的新项目来省去麻烦。 它总能解决问题，不是吗？ ？？？ @rtman 我也面临同样的问题。在全新的 NX 安装上安装 tailwind 后开始发生这种情况，我尝试同时安装 4 和 5 的 webpack 版本。到目前为止没有运气，这里有什么建议吗？谢谢。 我也注意到webpack的版本在安装了上面提到的包后并没有改变，所以可能是别的东西。 webpack 版本：4.43.0 【参考方案1】：

将 Angular CLI 从 10 升级到 11 对我有用。

ng update @angular/core @angular/cli
ng update

【讨论】：

更新到 Angular 11 也为我解决了这个问题。请注意，上面的命令将始终更新到最新版本 做了很多对我有用的事情后完美。 这确实对我有用，但是经过反思，我应该首先尝试尝试 Darshan 的答案，即删除已安装的软件包并重新安装软件包。幸运的是，我没有其他需要关注的 Angular 项目。 当您必须保持 Angular 版本不变以最大限度地提高组件的项目间兼容性时，这不是一个真正的选择 这对我有用，谢谢！【参考方案2】：

试试这个

rm -rf node_modules/
npm install
npm run build

【讨论】：

您也可以使用npm start 或您的任何构建脚本（而不是npm run build）来构建或提供您的应用程序。【参考方案3】：

我也解决了同样的问题。主要原因是“@angular-devkit/build-angular”版本在我的情况下不匹配。我改变了它的版本兼容的角度版本。就我而言，我使用的是 angular 10，之前版本以“0.11”开头，我将其更改为“0.1002.3”。

【讨论】：

【参考方案4】：

试试这个：

rmdir /s node_modules
npm install "or" npm install @angular-devkit/build-angular
npm run build

【讨论】：

“试试这个”并不是一个好的答案。你应该解释如何和为什么这可以解决他们的问题。我推荐阅读，“How do I write a good answer?"【参考方案5】：

我遇到了同样的问题。 我为成功解决问题所做的工作：

    git restore package-lock.json git restore package.json rm -rf node_modules/ npm 安装 npm 开始

步骤的原因： 1.2.恢复原始包文件的步骤 3步删除所有已安装的依赖项 4步再次安装依赖 毕竟，它恢复到原始状态，它可以工作。

【讨论】：

【参考方案6】：

您可以通过将 Angular CLI 版本从 10 升级到 11 来解决此问题。作为#Craig 的回答。

否则，删除 node_modules、package-lock.json 文件。

恢复旧的 package.json 文件，然后运行 ​​npm install。或者不要进行 npm 审计修复。

npm audit fix 升级/修改包依赖，这是错误的。

【讨论】：

【参考方案7】：

你应该试试这个

ng update @angular/cli @angular/core --allow-dirty --force

我之前尝试过，但不允许在 Windows 操作系统中更新

ng update @angular/cli @angular/core

或

ng update @angular/cli @angular/core --allow-dirty

这是由于 .\Temp\ng-fmB0C2\angular-errors.log 造成的问题

【讨论】：

【参考方案8】：

除了以上所有，还得做一个额外的步骤：

检查是否有重复的webpack版本，但不知道它是如何引入的。树看起来：

+-- @angular-devkit/build-angular@12.0.0 -- webpack@5.36.2 -- webpack@5.36.2

如果是这样，由（https://docs.npmjs.com/cli/v7/commands/npm-dedupe）修复：

npm 重复数据删除

【讨论】：

【参考方案9】：

我的客户要求我们使用他们已批准的特定版本。这对我来说是 v10。

在我检查了appropriate package.json 之后，我运行以下命令来解决这个问题

npm i @angular-devkit/build-angular@0.1002.0 @angular-devkit/architect@0.1002.0 @angular-devkit/build-optimizer@0.1002.0 @angular-devkit/core@10.2.0 @angular-devkit/schematics@10.2.0 --save

【讨论】：

【参考方案10】：

我的问题是由

引起的 
"preserveSymlinks": true,

在我的构建选项中缺少angular.json。

【讨论】：

【参考方案11】：

在我的情况下，安装以下软件包后问题就解决了。

npm install @ngtools/webpack

【讨论】：

【参考方案12】：

就我而言，我运行了 ng update @angular/cli@^11 @angular/core@^11

然后安装 webpack@4，因为其他包都依赖它。

然后安装 tapable & @types/webpack 因为 webpack 4 插件需要它。

.. 并且几次删除 node_modules 和 npm install :)

【讨论】：

你好。我们可以查看您的错误日志吗？这将有助于阐明您面临的问题。 你好。谢谢你的关心。我的问题现在已经解决了。再次Tq

运行 `npm audit fix` 来修复它们，或运行 `npm audit` 了解详细信息

】运行`npmauditfix`来修复它们，或运行`npmaudit`了解详细信息【英文标题】：Run`npmauditfix`tofixthem,or`npmaudit`fordetails【发布时间】：2020-11-2216:22:58【问题描述】：当我尝试编译项目时，得到：found2860vulnerabilities(2122low,19moderate,726high)run... 查看详情

ENOLOCK npm 错误！运行 npm audit fix 时出错

】ENOLOCKnpm错误！运行npmauditfix时出错【英文标题】：ENOLOCKnpmERR!Errorwhilerunningnpmauditfix【发布时间】：2021-07-0208:03:50【问题描述】：我正在尝试从我的主目录全局安装一个带有npm的包。安装完成后，它表明存在漏洞。在尝试运行npm... 查看详情

“npm audit fix”到底是做啥的？

】“npmauditfix”到底是做啥的？【英文标题】：Whatdoes"npmauditfix"exactlydo?“npmauditfix”到底是做什么的？【发布时间】：2020-08-0812:27:45【问题描述】：npmauditfix旨在自动升级/修复npm包中的漏洞。但是，我还没有找到修复这些... 查看详情

如何修复这些漏洞？ （npm audit fix 无法修复这些漏洞）

】如何修复这些漏洞？（npmauditfix无法修复这些漏洞）【英文标题】：Howtofixthesevulnerabilities?(npmauditfixfailstofixthesevulnerabilities)【发布时间】：2020-02-1520:35:23【问题描述】：我的项目有6个高度严重的漏洞，我不知道如何修复它们。... 查看详情

npm install issue：27 个漏洞（16 个中等，9 个高，2 个严重）要解决所有问题，运行：npm audit fix --force

...16个中等，9个高，2个严重）要解决所有问题，运行：npmauditfix--force【英文标题】：npminstallissue:27vulnerabilities(16moderate,9high,2critical)Toaddressallissues,run:npmauditfix--force【发布时间】：2022-01-1017:38:21【问题描述】：当我在相关的react项 查看详情

NPM-AUDIT 发现高漏洞。我应该做些啥？

...】：npmaudit在我的项目上运行并得到了这个高级命令注入@angular-devkit/build-angular[dev]的依赖路径@angular-devk 查看详情

npm audit 任意文件覆盖

...19-09-0206:13:56【问题描述】：我最近使用ngupdate更新了我的Angular版本在运行npmaudit时，它发现了1个高严重性漏洞，但没有提供有关如何解决它的建议。它通常建议从package.json升级一个包，例如：“angular-devkit/build-angular”，但我已... 查看详情

为啥“npm audit”CLI 命令不能从 Windows 10 中的 Powershell 运行？

】为啥“npmaudit”CLI命令不能从Windows10中的Powershell运行？【英文标题】：Whydoesn\'t"npmaudit"CLIcommandrunfromPowershellinWindows10?为什么“npmaudit”CLI命令不能从Windows10中的Powershell运行？【发布时间】：2019-02-1121:05:18【问题描述】... 查看详情

使用“npm audit”时如何只检查高漏洞？

】使用“npmaudit”时如何只检查高漏洞？【英文标题】：Howtocheckforonlyhighvulnerabilitieswhenusing"npmaudit"?【发布时间】：2018-10-2303:43:46【问题描述】：当我使用新的npm6执行npminstall时我收到一条消息，告诉我我有一些漏洞：[!]... 查看详情

npm audit 仅适用于生产依赖项？

】npmaudit仅适用于生产依赖项？【英文标题】：npmauditonlyforproductiondependencies?【发布时间】：2018-10-2510:07:05【问题描述】：目前，在项目中运行npmaudit时，它会同时检查dependencies和devDependencies。我正在寻找一种只检查dependencies的方... 查看详情

Angular 10 npm 错误 hasBindingPropertyName 不是函数

】Angular10npm错误hasBindingPropertyName不是函数【英文标题】：Angular10npmerrorhasBindingPropertyNameisnotafunction【发布时间】：2020-12-3005:22:17【问题描述】：我在Jenkins构建中突然收到此错误，我尝试升级到最新的Angular10.1，但即使升级后问题... 查看详情

Windows 10 中的 npm 安装错误（ npm install -g angular-cli ）

】Windows10中的npm安装错误（npminstall-gangular-cli）【英文标题】：npminstallerror(npminstall-gangular-cli)inwindows10【发布时间】：2017-11-0900:46:19【问题描述】：节点-vv4.5.0npm-v5.0.1有人在Windows10中安装angular-cli时遇到过这种问题吗？【问题讨... 查看详情

Npm audit 在创建新的 react native 项目时显示 9 个漏洞

】Npmaudit在创建新的reactnative项目时显示9个漏洞【英文标题】：Npmauditshows9vulnerabilitiesuponcreatinganewreactnativeproject【发布时间】：2018-10-2414:59:56【问题描述】：当我创建一个新的React本机项目并运行npmaudit时，我发现了9个漏洞。漏... 查看详情

任意文件覆盖：tar npm audit

】任意文件覆盖：tarnpmaudit【英文标题】：ArbitraryFileOverwrite:tarnpmaudit【发布时间】：2019-09-2202:59:55【问题描述】：它说，found4highseverityvulnerabilitiesin891002scannedpackages4vulnerabilitiesrequiremanualreview.Seethefullreportfordetails.如何做到0漏 查看详情

您如何阅读 npm audit ERESOLVE 错误？

】您如何阅读npmauditERESOLVE错误？【英文标题】：HowdoyoureadnpmauditERESOLVEerror?【发布时间】：2021-09-1322:15:58【问题描述】：我经常收到类似于下面的错误ERESOLVE。你是怎么读的？>npmauditfixnpmERR!codeERESOLVEnpmERR!ERESOLVEunabletoresolvedepende... 查看详情

npm audit --parseable 的列名文档？

】npmaudit--parseable的列名文档？【英文标题】：Columnnamedocumentationfornpmaudit--parseable?【发布时间】：2021-03-2922:03:11【问题描述】：有谁知道我在哪里可以找到我可以通过将其与默认的json输出进行比较来猜测一半的列是什么，但我不... 查看详情

为啥 npm 会抛出错误“安装@angular/cli 时校验和失败”？

】为啥npm会抛出错误“安装@angular/cli时校验和失败”？【英文标题】：Whyisnpmthrowingtheerror"checksumfailedwhileinstalling@angular/cli"?为什么npm会抛出错误“安装@angular/cli时校验和失败”？【发布时间】：2018-04-0918:59:12【问题描述】... 查看详情

npm 错误！启动Angular前端应用程序时[重复]

】npm错误！启动Angular前端应用程序时[重复]【英文标题】：npmERR!whenstartingAngularFrontendApp[duplicate]【发布时间】：2021-10-1318:03:14【问题描述】：>ngservesh:ng:commandnotfoundnpmERR!codeELIFECYCLEnpmERR!syscallspawnnpmERR!fileshnpmERR!errnoENOENTnpm 查看详情