dva项目配置transform-runtime

2019年11月11日Web前端

按照官方给的说法,transform-runtime插件dva是默认支持的,只需要在.webpackrc.js中配置完就行了,实际测试配置了出现了this.setDynamic is not a function的报错。

问题

前面描述了,.webpackrc.js中的配置如下:

"extraBabelPlugins": [
  "transform-runtime"
]

不安装插件试了,安装插件也试了,babel-plugin-transform-runtime,transform-runtime等等插件都是了,依旧是各种报错。

处理方法

最后在github上的issue查到答案,地址:https://github.com/babel/babel-loader/issues/560

原因是由于项目中的babel大于7,所以使用的该插件也要是对应的版本。

首先,安装插件:npm i @babel/plugin-transform-runtime --save-dev,然后修改配置,如下(dva中配置需要将名称中的plugin去掉):

extraBabelPlugins: ['@babel/transform-runtime']

这样就可以了。