解决通过ionic build --prod编译项目时出现“Could not find plugin "proposal-numeric-separator"问题

水深无声 2023-07-18 02:39 9阅读 0赞

### 解决通过ionic build --prod编译项目时出现“Could not find plugin "proposal-numeric-separator"问题 ###

*  问题背景
 *  问题分析
 *  问题解决

# 问题背景 #

最近把电脑的环境更新为最新的Ionic5、Angular8版本  
ionic CLI版本为6.3.0：  
Angular版本如下图  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3psYmRtbQ_size_16_color_FFFFFF_t_70]  
之后通过

ionic start myApp3 tabs --type=angular

创建了一个新的项目，然后在浏览器运行

ionic serve

是正常的，运行效果如下  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3psYmRtbQ_size_16_color_FFFFFF_t_70 1]  
但是编译为生产环境时

ionic build --prod

报如下错误

> ng.cmd run app:build:production
    Generating ES5 bundles for differential loading...
    An unhandled exception occurred: [BABEL] E:\ionicworkspace\mes\www\common-es2015.955615fb0c4be76032cc.js: Could not find plugin "proposal-numeric-separator". Ensure there is an entry in ./available-plugins.js for it. (While processing: "E:\\ionicworkspace\\mes\\node_modules\\@babel\\preset-env\\lib\\index.js")
    See "C:\Users\zheng\AppData\Local\Temp\ng-DZEicN\angular-errors.log" for further details.
    [ERROR] An error occurred while running subprocess ng.
    
            ng.cmd run app:build:production exited with exit code 127.
    
            Re-running this command with the --verbose flag may provide more information.

截图如下：  
![在这里插入图片描述][20200323162752383.png]

# 问题分析 #

根据上图的出错信息，可以发现是生成ES5代码的时候处理/node\_modules/@babel/preset-env/lib/index.js文件时没有在/available-plugins.js中报找到插件“proposal-numeric-separator”。首先是问题出现在了babel模块中，这个模块的作用就是把咱们写的js代码翻译成各浏览器能识别的js代码，及ES6转ES5。找到node\_modules/@babel/preset-env/lib/available-plugins.js中却是没有“proposal-numeric-separator”，下面我们就想需要添加一下。

# 问题解决 #

下面说一下问题的解决办法  
1、首先安装这个插件@babel/plugin-proposal-numeric-separator

npm install @babel/plugin-proposal-numeric-separator

2、修改node\_modules/@babel/preset-env/lib/available-plugins.js文件，增加这个插件

var _pluginProposalNumericSeparator = _interopRequireDefault(require("@babel/plugin-proposal-numeric-separator"));

var _default = { 
      "proposal-numeric-separator": _pluginProposalNumericSeparator.default,
    }

添加上面的信息之后，node\_modules/@babel/preset-env/lib/available-plugins.js文件的完整内容如下：

"use strict";
    
    Object.defineProperty(exports, "__esModule", { 
      value: true
    });
    exports.default = void 0;
    
    var _pluginProposalNumericSeparator = _interopRequireDefault(require("@babel/plugin-proposal-numeric-separator"));
    
    var _pluginSyntaxAsyncGenerators = _interopRequireDefault(require("@babel/plugin-syntax-async-generators"));
    
    var _pluginSyntaxDynamicImport = _interopRequireDefault(require("@babel/plugin-syntax-dynamic-import"));
    
    var _pluginSyntaxJsonStrings = _interopRequireDefault(require("@babel/plugin-syntax-json-strings"));
    
    var _pluginSyntaxNullishCoalescingOperator = _interopRequireDefault(require("@babel/plugin-syntax-nullish-coalescing-operator"));
    
    var _pluginSyntaxObjectRestSpread = _interopRequireDefault(require("@babel/plugin-syntax-object-rest-spread"));
    
    var _pluginSyntaxOptionalCatchBinding = _interopRequireDefault(require("@babel/plugin-syntax-optional-catch-binding"));
    
    var _pluginSyntaxOptionalChaining = _interopRequireDefault(require("@babel/plugin-syntax-optional-chaining"));
    
    var _pluginSyntaxTopLevelAwait = _interopRequireDefault(require("@babel/plugin-syntax-top-level-await"));
    
    var _pluginProposalAsyncGeneratorFunctions = _interopRequireDefault(require("@babel/plugin-proposal-async-generator-functions"));
    
    var _pluginProposalDynamicImport = _interopRequireDefault(require("@babel/plugin-proposal-dynamic-import"));
    
    var _pluginProposalJsonStrings = _interopRequireDefault(require("@babel/plugin-proposal-json-strings"));
    
    var _pluginProposalNullishCoalescingOperator = _interopRequireDefault(require("@babel/plugin-proposal-nullish-coalescing-operator"));
    
    var _pluginProposalObjectRestSpread = _interopRequireDefault(require("@babel/plugin-proposal-object-rest-spread"));
    
    var _pluginProposalOptionalCatchBinding = _interopRequireDefault(require("@babel/plugin-proposal-optional-catch-binding"));
    
    var _pluginProposalOptionalChaining = _interopRequireDefault(require("@babel/plugin-proposal-optional-chaining"));
    
    var _pluginProposalUnicodePropertyRegex = _interopRequireDefault(require("@babel/plugin-proposal-unicode-property-regex"));
    
    var _pluginTransformAsyncToGenerator = _interopRequireDefault(require("@babel/plugin-transform-async-to-generator"));
    
    var _pluginTransformArrowFunctions = _interopRequireDefault(require("@babel/plugin-transform-arrow-functions"));
    
    var _pluginTransformBlockScopedFunctions = _interopRequireDefault(require("@babel/plugin-transform-block-scoped-functions"));
    
    var _pluginTransformBlockScoping = _interopRequireDefault(require("@babel/plugin-transform-block-scoping"));
    
    var _pluginTransformClasses = _interopRequireDefault(require("@babel/plugin-transform-classes"));
    
    var _pluginTransformComputedProperties = _interopRequireDefault(require("@babel/plugin-transform-computed-properties"));
    
    var _pluginTransformDestructuring = _interopRequireDefault(require("@babel/plugin-transform-destructuring"));
    
    var _pluginTransformDotallRegex = _interopRequireDefault(require("@babel/plugin-transform-dotall-regex"));
    
    var _pluginTransformDuplicateKeys = _interopRequireDefault(require("@babel/plugin-transform-duplicate-keys"));
    
    var _pluginTransformExponentiationOperator = _interopRequireDefault(require("@babel/plugin-transform-exponentiation-operator"));
    
    var _pluginTransformForOf = _interopRequireDefault(require("@babel/plugin-transform-for-of"));
    
    var _pluginTransformFunctionName = _interopRequireDefault(require("@babel/plugin-transform-function-name"));
    
    var _pluginTransformLiterals = _interopRequireDefault(require("@babel/plugin-transform-literals"));
    
    var _pluginTransformMemberExpressionLiterals = _interopRequireDefault(require("@babel/plugin-transform-member-expression-literals"));
    
    var _pluginTransformModulesAmd = _interopRequireDefault(require("@babel/plugin-transform-modules-amd"));
    
    var _pluginTransformModulesCommonjs = _interopRequireDefault(require("@babel/plugin-transform-modules-commonjs"));
    
    var _pluginTransformModulesSystemjs = _interopRequireDefault(require("@babel/plugin-transform-modules-systemjs"));
    
    var _pluginTransformModulesUmd = _interopRequireDefault(require("@babel/plugin-transform-modules-umd"));
    
    var _pluginTransformNamedCapturingGroupsRegex = _interopRequireDefault(require("@babel/plugin-transform-named-capturing-groups-regex"));
    
    var _pluginTransformNewTarget = _interopRequireDefault(require("@babel/plugin-transform-new-target"));
    
    var _pluginTransformObjectSuper = _interopRequireDefault(require("@babel/plugin-transform-object-super"));
    
    var _pluginTransformParameters = _interopRequireDefault(require("@babel/plugin-transform-parameters"));
    
    var _pluginTransformPropertyLiterals = _interopRequireDefault(require("@babel/plugin-transform-property-literals"));
    
    var _pluginTransformRegenerator = _interopRequireDefault(require("@babel/plugin-transform-regenerator"));
    
    var _pluginTransformReservedWords = _interopRequireDefault(require("@babel/plugin-transform-reserved-words"));
    
    var _pluginTransformShorthandProperties = _interopRequireDefault(require("@babel/plugin-transform-shorthand-properties"));
    
    var _pluginTransformSpread = _interopRequireDefault(require("@babel/plugin-transform-spread"));
    
    var _pluginTransformStickyRegex = _interopRequireDefault(require("@babel/plugin-transform-sticky-regex"));
    
    var _pluginTransformTemplateLiterals = _interopRequireDefault(require("@babel/plugin-transform-template-literals"));
    
    var _pluginTransformTypeofSymbol = _interopRequireDefault(require("@babel/plugin-transform-typeof-symbol"));
    
    var _pluginTransformUnicodeRegex = _interopRequireDefault(require("@babel/plugin-transform-unicode-regex"));
    
    function _interopRequireDefault(obj) {  return obj && obj.__esModule ? obj : {  default: obj }; }
    
    var _default = { 
      "proposal-numeric-separator": _pluginProposalNumericSeparator.default,
      "proposal-async-generator-functions": _pluginProposalAsyncGeneratorFunctions.default,
      "proposal-dynamic-import": _pluginProposalDynamicImport.default,
      "proposal-json-strings": _pluginProposalJsonStrings.default,
      "proposal-nullish-coalescing-operator": _pluginProposalNullishCoalescingOperator.default,
      "proposal-object-rest-spread": _pluginProposalObjectRestSpread.default,
      "proposal-optional-catch-binding": _pluginProposalOptionalCatchBinding.default,
      "proposal-optional-chaining": _pluginProposalOptionalChaining.default,
      "proposal-unicode-property-regex": _pluginProposalUnicodePropertyRegex.default,
      "syntax-async-generators": _pluginSyntaxAsyncGenerators.default,
      "syntax-dynamic-import": _pluginSyntaxDynamicImport.default,
      "syntax-json-strings": _pluginSyntaxJsonStrings.default,
      "syntax-nullish-coalescing-operator": _pluginSyntaxNullishCoalescingOperator.default,
      "syntax-object-rest-spread": _pluginSyntaxObjectRestSpread.default,
      "syntax-optional-catch-binding": _pluginSyntaxOptionalCatchBinding.default,
      "syntax-optional-chaining": _pluginSyntaxOptionalChaining.default,
      "syntax-top-level-await": _pluginSyntaxTopLevelAwait.default,
      "transform-arrow-functions": _pluginTransformArrowFunctions.default,
      "transform-async-to-generator": _pluginTransformAsyncToGenerator.default,
      "transform-block-scoped-functions": _pluginTransformBlockScopedFunctions.default,
      "transform-block-scoping": _pluginTransformBlockScoping.default,
      "transform-classes": _pluginTransformClasses.default,
      "transform-computed-properties": _pluginTransformComputedProperties.default,
      "transform-destructuring": _pluginTransformDestructuring.default,
      "transform-dotall-regex": _pluginTransformDotallRegex.default,
      "transform-duplicate-keys": _pluginTransformDuplicateKeys.default,
      "transform-exponentiation-operator": _pluginTransformExponentiationOperator.default,
      "transform-for-of": _pluginTransformForOf.default,
      "transform-function-name": _pluginTransformFunctionName.default,
      "transform-literals": _pluginTransformLiterals.default,
      "transform-member-expression-literals": _pluginTransformMemberExpressionLiterals.default,
      "transform-modules-amd": _pluginTransformModulesAmd.default,
      "transform-modules-commonjs": _pluginTransformModulesCommonjs.default,
      "transform-modules-systemjs": _pluginTransformModulesSystemjs.default,
      "transform-modules-umd": _pluginTransformModulesUmd.default,
      "transform-named-capturing-groups-regex": _pluginTransformNamedCapturingGroupsRegex.default,
      "transform-new-target": _pluginTransformNewTarget.default,
      "transform-object-super": _pluginTransformObjectSuper.default,
      "transform-parameters": _pluginTransformParameters.default,
      "transform-property-literals": _pluginTransformPropertyLiterals.default,
      "transform-regenerator": _pluginTransformRegenerator.default,
      "transform-reserved-words": _pluginTransformReservedWords.default,
      "transform-shorthand-properties": _pluginTransformShorthandProperties.default,
      "transform-spread": _pluginTransformSpread.default,
      "transform-sticky-regex": _pluginTransformStickyRegex.default,
      "transform-template-literals": _pluginTransformTemplateLiterals.default,
      "transform-typeof-symbol": _pluginTransformTypeofSymbol.default,
      "transform-unicode-regex": _pluginTransformUnicodeRegex.default
    };
    exports.default = _default;

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3psYmRtbQ_size_16_color_FFFFFF_t_70]: /images/20230528/d911416afb894ab586f1010fcb06f568.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3psYmRtbQ_size_16_color_FFFFFF_t_70 1]: /images/20230528/234c0a75fb1247619409c32c5e3fc0ed.png
[20200323162752383.png]: /images/20230528/691d29a757934830b6a4cdc71ac11125.png