插件开发：async-await 和 core-js 使用报错

[K-walker]

问题描述

使用 async-await 和 core-js 编译报错

复现步骤

下载 演示项目 ，执行:

1. yarn
2. npm run plugin

期望行为

正常编译通过不报错

报错信息

系统信息

Taro v1.2 及以上版本已添加 taro info 命令，方便大家查看系统及依赖信息，运行该命令后将结果贴下面即可。

• 操作系统: macOS 10.14.4
• Taro 版本 1.3.19
• Node.js 版本 10.15.3
• 报错平台 小程序插件

[taro-bot]

欢迎提交 Issue~

如果你提交的是 bug 报告，请务必遵循 Issue 模板的规范，尽量用简洁的语言描述你的问题，最好能提供一个稳定简单的复现。🙏🙏🙏

如果你的信息提供过于模糊或不足，或者已经其他 issue 已经存在相关内容，你的 issue 有可能会被关闭。

Good luck and happy coding~

[huangnana520]

关闭小程序开发工具的增强编译

[K-walker]

@huangnana520 这个一直是关闭的，还是报错

[Yaphet2015]

#4025

[vdfor]

经尝试，在引入 import '@tarojs/async-await' 的地方

const { regeneratorRuntime } = global;

可行

[taro-bot]

Hello~

您的问题楼上已经有了确切的回答，如果没有更多的问题这个 issue 将在 15 天后被自动关闭。

如果您在这 15 天中更新更多信息自动关闭的流程会自动取消，如有其他问题也可以发起新的 Issue。

Good luck and happy coding~

[K-walker]

经尝试，在引入 import '@tarojs/async-await' 的地方

const { regeneratorRuntime } = global;

可行

虽然说可以打印，但是控制台还是会报错，并且无法使用 store

[vdfor]

经尝试，在引入 import '@tarojs/async-await' 的地方

const { regeneratorRuntime } = global;

可行

虽然说可以打印，但是控制台还是会报错，并且无法使用 store

我这样用是可以的

[K-walker]

经尝试，在引入 import '@tarojs/async-await' 的地方

const { regeneratorRuntime } = global;

可行

虽然说可以打印，但是控制台还是会报错，并且无法使用 store

我这样用是可以的

用是可以用的，就是控制台会报错，你控制台没有报错吗？你可以用我提供的演示代码，运行起来看看

[vdfor]

经尝试，在引入 import '@tarojs/async-await' 的地方

const { regeneratorRuntime } = global;

可行

虽然说可以打印，但是控制台还是会报错，并且无法使用 store

我这样用是可以的

用是可以用的，就是控制台会报错，你控制台没有报错吗？你可以用我提供的演示代码，运行起来看看

我用最新版本的taro(1.3.23)创建了一个demo，修改了list下的一些代码（下图）,控制台未报错，建议你升级taro到最新版本试试

另外，如果你是第一次运行未报错，修改代码后实时编译报错的，这个似乎与async-await无关，参见 #4811

[shenghanqin]

@K-walker 再试试看

[K-walker]

@K-walker 再试试看

好的，我用最新版试试下先

[K-walker]

经尝试，在引入 import '@tarojs/async-await' 的地方

const { regeneratorRuntime } = global;

可行

虽然说可以打印，但是控制台还是会报错，并且无法使用 store

我这样用是可以的

用是可以用的，就是控制台会报错，你控制台没有报错吗？你可以用我提供的演示代码，运行起来看看

我用最新版本的taro(1.3.23)创建了一个demo，修改了list下的一些代码（下图）,控制台未报错，建议你升级taro到最新版本试试

另外，如果你是第一次运行未报错，修改代码后实时编译报错的，这个似乎与async-await无关，参见 #4811

我按你的方式，确实 不会再报 generatorRuntime 这个错，但是我还有问题想问问，就是，我在plugin中新建一个 store.ts 文件，然后再 list.tsx 中引入，咋就报错呢，去掉就ok了，感觉很奇怪啊，是不是每新建的文件需要在 index.ts 中导出一下？不知道你有没有遇到过这种问题

[Chen-jj]

像我在 #4025 中说的，微信插件中不能直接访问 global 对象中的属性。

看看 @tarojs/async-await 的代码可知，我们把 regeneratorRuntime 的 polyfill 挂在 gobal 上。

babel 编译后，代码中直接访问 regeneratorRuntime，但微信插件中不能这样访问，只能 global.regeneratorRuntime 这样访问。

因此，这位老哥 @vdfor 的 hack 是可行的。因为这句会原封不打地编译出来，从 global 中读取了 regeneratorRuntime。

经尝试，在引入 import '@tarojs/async-await' 的地方

const { regeneratorRuntime } = global;

可行

至于为什么 @K-walker 说还报错，可以看看编译后的代码，const { regeneratorRuntime } = global; 是否在使用之后。

因为 babel 编译会把 function 提前，所以看看编译后的代码就懂了。

这样会有问题：

import '@tarojs/async-await'

const { regeneratorRuntime } = global

export async function sayHello () {
  console.log('Hello plugin!')
}

export const answer = 42

这样可行：

import '@tarojs/async-await'

const { regeneratorRuntime } = global

export const sayHello = async function () {
  console.log('Hello plugin!')
}

export const answer = 42

但 hack 代码不好维护，建议写插件还是不用 async-await，直接用 Promise。

[K-walker]

@Chen-jj 多谢，多谢