关于babel无法解析bigint类型 Module parse failed: Identifier directly after number

1,175 阅读1分钟

问题

vuejs webpack打包控制台输出错误:

Module parse failed: Identifier directly after number (1230:40) You may need an appropriate loader to handle this file type.

错误代码行:

let last = byteOffset + byteSize - 1n;

原因及解决方案

问题出在babel无法解析js的BigInt类型1n的写法,可以通过添加转换插件来支持。

  1. 安装babel-plugin-transform-bigint插件

npm install --save-dev babel-plugin-transform-bigint

  1. 配置.babelrc文件,引入插件:
{
  "plugins": ["babel-plugin-transform-bigint"]
}