반응 - 최소 예외가 발생했습니다.

반응 - 최소 예외가 발생했습니다.

NPM을 통해 React js를 설치하고 browserify를 사용하여 반응 중인 컴포넌트를 관리합니다.React에서 예외가 발생하면 콘솔은 다음과 같이 표시됩니다.

"알 수 없는 오류: 최소화된 예외가 발생했습니다. 전체 오류 메시지 및 기타 유용한 경고에 대해 최소화된 개발 환경을 사용하십시오."

전체 오류 메시지를 활성화하려면 어떻게 해야 합니까?

Benjamin Gruenbaum이 코멘트에서 지적한 바와 같이 NODE_ENV를 개발로 설정하면 문제가 해결되었습니다.

set NODE_ENV=development

Karma + Webpack에서 이 문제가 발생한 경우 테스트 실행 시 다음 웹 팩 구성으로 문제를 해결했습니다.

plugins: [
    new webpack.DefinePlugin({
        'process.env': {
            NODE_ENV: JSON.stringify('development')
        }
    })
]

드디어 이 문제를 해결했어

저와 마찬가지로 이 명령어를 실행하여 NODE_ENV를 설정했지만 실제로 작동하지 않는 경우 파일의 전체 버전이 아닌 react.min.js에 링크하고 있는지 확인하십시오.

풀버전으로 링크하면 마법처럼 기능합니다. : D

jspm을 사용하여 코드를 번들하는 경우 버전 0.16.24가 최소 "실가동" 버전의 React를 Import하면 이 오류가 발생합니다.일시적인 해결책은 jspm을 0.16.23으로 다운그레이드하는 것이었습니다.

향후 jspm 버전을 편집하면 운영 버전과 개발 버전을 선언할 수 있습니다(jspm 베타 문서 참조).

저는 이 문제가 있었고, 저는 최소화를 해제하거나 반응 소스를 사용할 필요가 없었습니다.루트 요소 전에 스크립트를 로드하고 있었습니다.그래서 저는 스크립트를 머리부터 인덱스 파일 소스 코드의 div 아래로 옮기고 수정했습니다.

my index.jade를 다음과 같이 변경했습니다.

html
 head
   title Super coo site
   script(src="bundle.js")
 body
   div#root

이를 위해:

html
 head
   title Super coo site
 body
   div#root
   script(src="bundle.js")

렌더링 메서드가 반환되었을 때 이 오류가 발생했습니다.undefined예

render() {
    let view;
    // Not paying attention and slip a case where view won't get assigned a value
    if(this.props.foo == 'hello') {
        view = <HelloView />
    }
    else if(this.props.foo == 'bye') {
        view = <ByeView />
    }
    return view;
}

이로 인해 this.props가 실행될 때 오류가 발생합니다.foo는 '안녕'이다.

렌더링하려는 DOM 요소를 확인해 보셨습니까? 저는 이전에 어리석은 실수로 인해 이 오류가 발생했습니다.가장 나쁜 점은 번들이 최소화되었다는 것입니다.요소 ID가 동일하지 않습니다.

Index.html

<div id="ds-app"></div>

app.syslogx

React.DOM.render(<App/>, document.getElementById('app'))

버전 15.2 이후 프로덕션 리액트 오류 메시지(NODE_ENV=production) 에는 원래 해독되지 않은 오류를 확인할 수 있는 URL이 포함되어 있습니다.

https://twitter.com/dan_abramov/status/748969886433546240

이러한 에러 메시지에 액세스 하려면 , React 15.2 로의 업그레이드를 검토할 필요가 있습니다.또한 일부 프로덕션 충돌 보고 도구는 이러한 오류를 자동으로 최소화하지 않습니다.

환경에서.disc 을 사용하거나 를 min.disc로 .process.env.NODE_ENV === 'production'★★★★★★★★★★★★★★★★★!

" 스크립트에는 json이 있습니다"dll exec exec execnpm run dll ★★★★★★★★★★★★★★★★★」yarn run dll.

첫 Shopify 앱을 개발하여 heroku를 사용하여 진행하고 있습니다.이 주제와 다른 주제를 발견하기 전까지는 아무 것도 효과가 없었습니다.vite.config.js는 다음과 같습니다.

import react from "@vitejs/plugin-react";
import "dotenv/config";

/**
 * @type {import('vite').UserConfig}
 */
export default {
    define: {
        "process.env.SHOPIFY_API_KEY": JSON.stringify(process.env.SHOPIFY_API_KEY),
        "process.env.NODE_ENV": JSON.stringify(process.env.NODE_ENV),
    },
    //plugins: [react()],
    plugins: [
        process.env.NODE_ENV !== `production` ? react({
            jsxRuntime: `classic`,
        }) : react(),
    ],
};

NODE_ENV=개발

이게 누군가에게 도움이 됐으면 좋겠다

제 경우 package-lock.json이 원인입니다.삭제 후 재도입

언급URL : https://stackoverflow.com/questions/29586928/react-minified-exception-occurred