码迷,mamicode.com
首页 > 其他好文 > 详细

React.memo is not a function

时间:2020-07-10 09:27:46      阅读:52      评论:0      收藏:0      [点我收藏+]

标签:module   users   模块   规范   package   基本   load   error   项目   

最近在运行项目的时候报了一个React.memo is not a function,

报错类似如下

D:\myCode\myProject\node_modules\testPackage\index.js:22
})(React.momo(testPackage));

TypeError: React.memo is not a function at Object.<anonymous>
...
...

一番搜索后基本上得到的答案基本上都是将React升级到16.6.6以上,可是这不是我项目里的代码,是插件包里的代码。我项目里package.json文件的react已经是16.13.1了。这又是为什么了

于是我找到了报错的文件D:\myCode\myProject\node_modules\testPackage\index.js在里面增加了一个console打印了react的信息。代码类似如下

var React = require("react");
var test = require("../test");
console.log(React)
function myPackage(){
  ...
  ...       
}
exports.default = test.default({
   ...
   ... 
})(React.memo(myPackage));

  打印信息如下

{
  ...
  version: ‘16.4.2‘,
  ...  
}

  what? 为啥是16.4.2因为这是已经编译过的采用common.js规范,所以我又打印了module信息代码类似如下

var React = require("react");
var test = require("../test");
console.log(React)
console.log(module)
function myPackage(){
  ...
  ...       
}
exports.default = test.default({
   ...
   ... 
})(React.memo(myPackage));

  module信息如下类似

{
id: ‘D:\\myCode\\myProject\\node_modules\\testPackge\\index.js‘,
exports:{},
parent:[{...}] ,
filename: ‘D:\\myCode\\myProject\\node_modules\\testPackge\\index.js‘,
loaded: false,
children: [{
  id: ‘D:\\Users\\myName\\AppData\\Roaming\\npm\\node_modules\\test-cli\\node_modules\\react\\index.js‘  
}],
paths:[
‘D:\\myCode\\myProject\\node_modules\\testPackge\\node_modules‘,
‘D:\\Users\\myName\\AppData\\Roaming\\npm\\node_modules\\test-cli\\node_modules\\testPackage\\node_modules‘,
‘D:\\Users\\myName\\AppData\\Roaming\\npm\\node_modules\\test-cli\\node_modules‘,
‘D:\\myCode\\myProject\\node_modules‘,
‘D:\\myCode\\node_modules‘,
 ‘D:\\node_modules‘
]
}

  module信息里children就是这个模块所引入的模块信息,parent就是这个调用这个模块的信息,根据children可以看出引入的react是一个叫test-cli全局安装包里的react,那么找到这个react后查看版本果然是16.4.2。所以重新全局安装一下test-cli更新一下版本就ok了。

 

React.memo is not a function

标签:module   users   模块   规范   package   基本   load   error   项目   

原文地址:https://www.cnblogs.com/shengliang74/p/13277397.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!