Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/380.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何修复angular中的ng build项目_Javascript_Node.js_Angular_Typescript_Angular8 - Fatal编程技术网

Javascript 如何修复angular中的ng build项目

Javascript 如何修复angular中的ng build项目,javascript,node.js,angular,typescript,angular8,Javascript,Node.js,Angular,Typescript,Angular8,如何在angular中修复ng构建项目,而无需在angular.json中编辑 这是错误 Your global Angular CLI version (8.3.16) is greater than your local version (8.1.3). The local Angular CLI version is used. To disable this warning use "ng config -g cli.warnings.versionMismatch false".

如何在angular中修复
ng构建项目
,而无需在angular.json中编辑

这是错误

Your global Angular CLI version (8.3.16) is greater than your local
version (8.1.3). The local Angular CLI version is used.

To disable this warning use "ng config -g cli.warnings.versionMismatch false".

chunk {0} runtime-es2015.52e4031f7f0d4c5547f5.js (runtime) 2.25 kB [entry] [rendered]
chunk {1} main-es2015.4e8665ff7ceef4e442ee.js (main) 4.62 MB [initial] [rendered]
chunk {2} polyfills-es2015.556027bb8b3cb9b5932e.js (polyfills) 173 kB [initial] [rendered]
chunk {3} styles.26e824d23ac01d2a1ba0.css (styles) 695 kB [initial] [rendered]
chunk {4} 4-es2015.823687dfc617d3f0d9c2.js () 3.43 kB  [rendered]
chunk {5} 5-es2015.f2106b47214935964e1d.js () 2.76 kB  [rendered]
Date: 2019-11-12T03:49:07.167Z - Hash: a28b3171138b993d899e - Time: 134373ms

WARNING in budgets, maximum exceeded for initial. Budget 2 MB was exceeded by 3.47 MB.

ERROR in budgets, maximum exceeded for initial. Budget 5 MB was exceeded by 483 kB.

提前谢谢


当达到92%时,我得到了一个错误,错误在上面。

更新:我看到了您的编辑问题。简而言之,您只能通过使用来分析捆绑包大小并查看哪个包会影响捆绑包大小并将其删除来进行修复

您可以在angular.json中看到预算的配置如下所示

"budgets": [
    {
        "type": "initial",
        "maximumWarning": "2mb",
        "maximumError": "5mb"
    },
    {
        "type": "anyComponentStyle",
        "maximumWarning": "6kb",
        "maximumError": "10kb"
    }
],
删除此项,就可以无误地生成。但我不建议您删除它,因为此配置将让您知道应用程序的大小,您可以通过删除不必要的代码来减小大小,从而提高应用程序的性能

您可以从这里获得更多信息:

angular.json
“预算”:[
{
“类型”:“首字母”,

“maximumWarning”:“3mb”,您需要编辑您的angular.json文件。因为此angular项目是使用默认值生成的。因此在您的控制台中显示警告。请在angular.json文件的上一行中查找以修改它

 "budgets": [
        {
           "type": "initial",
           "maximumWarning": "2mb",
           "maximumError": "5mb"
        }
   ]

我不建议改变预算规模,因为它们只是为了这个目的——警告你,你的捆绑包太大了

你可以考虑2件事:

  • 延迟加载模块,用于在初始屏幕中不可见的应用程序部分。您还可以将其与一些预加载策略结合使用,以避免捆绑获取过程中出现延迟
  • 如果你已经做了上述工作,那么问题很可能出在某些方面(可能是新的)导入这会添加大量代码。您可能会在多个位置导入一些新库。当我们开始使用外部组件并将其导入3个不同位置时,我看到了这一点。解决方案是将组件放入延迟加载的模块中,然后导入需要它的模块中

希望这能有所帮助。

我看到了您的编辑问题。对于简短的回答,您只能通过使用并删除影响捆绑大小的软件包来解决此问题。此问题与下页类似。
 "budgets": [
        {
           "type": "initial",
           "maximumWarning": "2mb",
           "maximumError": "5mb"
        }
   ]