缩小的React错误#152 - 如何解决此问题?

时间:2018-05-23 20:32:30

标签: reactjs

即使我正在使用开发环境构建,我也会遇到错误。下面是我的package.json文件。

  

错误:"对于完整邮件或使用非缩小开发环境以获取完整错误和其他有用警告。"

Package.json 文件:

 "scripts": {
    "compile": "webpack",
    "start": "node server.js",
    "dev": "webpack --mode development",
    "build": "webpack --mode production",
    "test": "echo \"Error: no test specified\" && exit 1"
  },

我做npm run build然后npm run start。我仍然得到相同的缩小错误,我试图删除bundle.js或./dist文件夹并在开发环境中完成构建,但我仍面临同样的问题。

任何人都可以帮助我,我怎样才能避免这种缩小版本并在本地轻松调试文件?

4 个答案:

答案 0 :(得分:19)

删除render / return方法内的所有注释

我在VSCode中使用了此正则表达式来查找麻烦的注释: (\ s * \ n?\ s * //

enter image description here

更多帮助here

答案 1 :(得分:6)

错误描述为here,您不会返回任何反应组件的render方法的结果。返回别的东西而不是它。

答案 2 :(得分:0)

万一它对某人有帮助,我通过返回null而不是false(我的函数包装在HOC中)解决了这个问题

编辑:有时我不想渲染任何东西。在这种情况下,我在render方法中返回false,如下所示:

dispatch({
  type: "SALE_DETAIL_FURTHERS_FETCHED", 
  payload: request
});

然后将组件类包装在HOC中(以提供React Context),如下所示:

    render(){
        return condition && <ThingsIWantToDisplay/>; //condition is a boolean
    }

export default HOC(Component); condition时,生产版本中会发生错误。

更改如下所示的渲染功能可以缓解此问题:

false

答案 3 :(得分:0)

我有同样的问题。所以我删除了我的渲染函数中的注释,它起作用了!