dva -react TypeError: root.findRouters(...).getRouterInfo is not a function


dva -react 入门

异常修改, 抛异常

C:\Users\thinkpad\AppData\Roaming\npm\node_modules\dva-cli\bin\dva-generate
      create  routeComponent src/routes/Users.js,src/routes/Users.css
TypeError: root.findRouters(...).getRouterInfo is not a function
    at transform (C:\Users\thinkpad\AppData\Roaming\npm\node_modules\dva-cli\nod
e_modules\dva-ast\lib\transform.js:42:32)
    at exports.default (C:\Users\thinkpad\AppData\Roaming\npm\node_modules\dva-c
li\node_modules\dva-ast\lib\api\index.js:46:36)
    at C:\Users\thinkpad\AppData\Roaming\npm\node_modules\dva-cli\lib\generate.j
s:92:27
    at generate (C:\Users\thinkpad\AppData\Roaming\npm\node_modules\dva-cli\lib\
generate.js:108:11)
    at Object.<anonymous> (C:\Users\thinkpad\AppData\Roaming\npm\node_modules\dv
a-cli\bin\dva-generate:11:27)
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)


解决方法如下:

wenriscommented14 days agoedited

这个 bug 让我怀疑自己人生。问题的根源是,我们安装的dva-cli>dva-ast>jscodeshift的版本不对!

dva-ast中使用了下面的代码:

Collection.fromPaths([],this);

Collectionjscodeshift库提供的,dva-astpackage.json指定"jscodeshift": "^0.3.28",但jscodeshift最新版本是0.3.32,这里 Bug 就出现了。

虽然我发现了问题根源,但dva-astjscodeshift这两个库的源代码看得我云里雾里,望而生畏,杀虫的工作还是等高手吧。

我目前的解决方法是,将全局安装的jscodeshift回滚至0.3.28,初入江湖的我,人生还可以继续么?

Roll your global packagejscodeshiftback tov0.3.28.


wenriscommented14 days agoedited

已经在dva-ast打了臭虫报告,应该很快可以修复的。

dvajs/dva-ast#39

我已经找出 Bug 了,原因是dva-ast引用了jscodeshiftCollection,在jscodeshift新版本中这个Collection的位置发生了变化,从'jscodeshift/dist/Collection';变为了'jscodeshift/src/Collection';

如果不想回滚jscodeshift,可以直接修改dva-ast的文件,将下面文件中的'jscodeshift/dist/Collection';改为'jscodeshift/src/Collection';即可:

  1. dva-ast/lib/collections/Entry.js
  2. dva-ast/lib/collections/RouteComponent.js
  3. dva-ast/lib/collections/Router.js

相关文章

react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...
react 本身提供了克隆组件的方法,但是平时开发中可能很少使...
mobx 是一个简单可扩展的状态管理库,中文官网链接。小编在接...
我们在平常的开发中不可避免的会有很多列表渲染逻辑,在 pc ...