Taro构建小程序报错：“enum is a reserved word”

[walter-wang314]

相关平台

微信小程序

小程序基础库: 2.11.2
使用框架: React

复现步骤

1. 使用TS新建一个工具库，test-xxx，在库中使用TS的枚举 enum 来声明变量；
2. 复制一个同样的库，taro-xxx；
3. 使用taro init 新建一个项目，在package.json中通过git https引入这两个库；
4. 在项目中引入taro-xxx，执行npm run build，构建会通过；
5. 在项目中引入test-xxx，执行npm run build，构建失败；出现 Typescript enum编译错误“enum is a reserved word” 的报错；

期望结果

在项目中引入test-xxx，执行npm run build，构建成功。

实际结果

在项目中引入test-xxx，执行npm run build，构建失败；出现 Typescript enum编译错误“enum is a reserved word” 的报错；

module parse failed: The keyword 'enum' is reserved (4:6)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
|  * 检测数据默认枚举
|  */
> enum TrackingTypes {
|   /**
|    * 小程序启动

环境信息

Taro CLI 3.0.7 environment info:
    System:
      OS: macOS 10.15.6
      Shell: 5.7.1 - /bin/zsh
    Binaries:
      Node: 12.18.3 - ~/.nvm/versions/node/v12.18.3/bin/node
      npm: 6.14.6 - ~/.nvm/versions/node/v12.18.3/bin/npm
    npmPackages:
      @tarojs/components: 3.0.7 => 3.0.7
      @tarojs/mini-runner: 3.0.7 => 3.0.7
      @tarojs/react: 3.0.7 => 3.0.7
      @tarojs/runtime: 3.0.7 => 3.0.7
      @tarojs/taro: 3.0.7 => 3.0.7
      babel-preset-taro: 3.0.7 => 3.0.7
      eslint-config-taro: 3.0.7 => 3.0.7
      react: ^16.10.0 => 16.13.1

[rottenpen]

提供一下代码吧... 你这样描述没法给你debug的

[walter-wang314]

Hi, 不好意思，公司比较忙，还在加班，描述应该还算清楚，你自己用ts随便写一个工具库，带上 enum 关键字就可以，然后用 taro init 一个项目，引用这个库就可以复现。 2020年8月24日 下午5:51，滑威 <[email protected]<mailto:[email protected]>> 写道： 提供一下代码吧... 你这样描述没法给你debug的 — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub<#7404 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/AE6QE3SBWMETUC253AH7AY3SCIZ3JANCNFSM4QG7CDRA>.

[cncolder]

@wzc314159 这不是 taro 的问题, 这是语法错误. enum 是 Javascript 保留字, 不能用作变量名.

大部分 Javascript 关键字和保留字会优先触发 SyntaxError: Unexpected token. enum 不是语句, 所以你看到的是 SyntaxError: Unexpected reserved word.

你可以在浏览器控制台里输入 var enum = 1 试一下.

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Reserved_words

[walter-wang314]

Hi 感谢回复，enum是关键字没有错，但是这个在TS之中的关键字应该被babel转换了才对。而且以taro-xxx开头的工具库是可以被taro init 的项目引用的，但是非taro开头的工具库不能够用enum关键字来声明变量，是不是以taro开头的项目做了特殊的处理呢？ 2020年8月25日 上午1:23，Colder <[email protected]<mailto:[email protected]>> 写道： @wzc314159<https://github.com/wzc314159> 这不是 taro 的问题, 这是语法错误. enum 是 Javascript 保留字, 不能用于变量名. 大部分 Javascript 关键字和保留字会优先触发 SyntaxError: Unexpected token. enum 不是语句, 所以你看到的是 SyntaxError: Unexpected reserved word. 你可以在浏览器控制台里输入 var enum = 1 试一下. https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Reserved_words — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub<#7404 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/AE6QE3RZZQYND4F54YSJAWLSCKOYTANCNFSM4QG7CDRA>.

[cncolder]

@wzc314159 需要一个明确的例子, 你的 enum 出现在什么位置.
babel 转换 .ts 文件, var enum = 1 会原封不动的输出, 可这仍然是语法错误啊!

[walter-wang314]

Hi 我在公司没有办法传github，enum 不是作为变量名，是作为关键字使用。 工具库之中的 eunm 使用如下： export enum TrackingTypes { AppOnLaunch = 'app_on_launch', PageOnLoad = 'page_on_load', PageOnShow = 'page_on_show', PageOnUnload = 'page_on_unload', } 2020年8月30日 下午11:25，Colder <[email protected]<mailto:[email protected]>> 写道： @wzc314159<https://github.com/wzc314159> 需要一个明确的例子, 你的 enum 出现在什么位置. babel 转换 .ts 文件, var enum = 1 会原封不动的输出, 可这仍然是语法错误啊! — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub<#7404 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/AE6QE3TUQN6SUOAYN5AYSD3SDJVPXANCNFSM4QG7CDRA>.

[zlyyyy]

我也遇到了类似的问题，H5 Module parse failed: The keyword 'interface' is reserved 老哥你是咋解决的

[walter-wang314]

你试一下把包名改成 taro- 看行不行 2020年9月21日 上午10:56，Layyy <[email protected]<mailto:[email protected]>> 写道： 我也遇到了类似的问题，H5 Module parse failed: The keyword 'interface' is reserved 老哥你是咋解决的 — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub<#7404 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/AE6QE3WHNZBCZKSJVOW7WLLSG26FJANCNFSM4QG7CDRA>.

[zlyyyy]

你试一下把包名改成 taro- 看行不行 2020年9月21日 上午10:56，Layyy <[email protected]mailto:[email protected]> 写道： 我也遇到了类似的问题，H5 Module parse failed: The keyword 'interface' is reserved 老哥你是咋解决的 — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub<#7404 (comment)>, or unsubscribehttps://github.com/notifications/unsubscribe-auth/AE6QE3WHNZBCZKSJVOW7WLLSG26FJANCNFSM4QG7CDRA.

不行。。

[walter-wang314]

我的之前是不行的，改成taro- 开头的包名就可以了，别的就不清楚了 2020年9月21日 下午1:33，Layyy <[email protected]<mailto:[email protected]>> 写道： 你试一下把包名改成 taro- 看行不行 2020年9月21日 上午10:56，Layyy <[email protected]<mailto:[email protected]>mailto:[email protected]> 写道： 我也遇到了类似的问题，H5 Module parse failed: The keyword 'interface' is reserved 老哥你是咋解决的 — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub<#7404 (comment)<#7404 (comment)>>, or unsubscribehttps://github.com/notifications/unsubscribe-auth/AE6QE3WHNZBCZKSJVOW7WLLSG26FJANCNFSM4QG7CDRA. 不行。。 — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub<#7404 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/AE6QE3QG2IDFK3N2VFMGBILSG3QSPANCNFSM4QG7CDRA>.

[pansinm]

恰好也遇到这个问题，看了下源码。taro 项目的 babel-loader 配置中，默认 exclude 规则是 /node_modules/.test(filename) && !/taro/.test(filename)。路径包含 taro 的文件都会进行编译，node_modules下且不包含taro字符串的文件不编译。所以可行的方法有：

1. 修改配置，通过 webpackChain 修改 exclude
2. 包名包含 taro 字符串
3. 项目放到 包含 taro 的路径下（所有代码都会编译，不推荐）

PS: 为啥要排除包含taro的文件呢？