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

IT技术 reactjs
2021-05-19 15:15:29

即使我正在使用开发环境进行构建,我也遇到了以下错误。下面是我的 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个回答

删除render/return方法中的任何注释

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

在此处输入图片说明

更多帮助在这里

错误描述在这里render你的react组件方法没有返回任何结果返回其他东西而不是它。

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

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

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

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

export default HOC(Component);

 

conditionisfalse时,生产构建中发生错误。

如下所示更改渲染功能缓解了问题:

    render(){
        return condition?<ThingsIWantToDisplay/>:null; //condition is a boolean
    }

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