TypeError: (0 , react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV) is not a functionエラーの原因と対処法

プログラミング

Next.jsを起動した際、ルーティングのfallbackが500 internal server errorとなって正常に動作しなかったので、その原因と対処法をメモしておきます。

consoleエラー内容

TypeError: (0 , react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV) is not a function
    at Post (webpack-internal:///./pages/posts/[id].js:38:90)
    at d (/Users/apple/Documents/projects/udemy/nextjs_blog_todo/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:33:498)
    at bb (/Users/apple/Documents/projects/udemy/nextjs_blog_todo/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:36:16)
    at a.b.render (/Users/apple/Documents/projects/udemy/nextjs_blog_todo/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:42:43)
    at a.b.read (/Users/apple/Documents/projects/udemy/nextjs_blog_todo/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:41:83)
    at exports.renderToString (/Users/apple/Documents/projects/udemy/nextjs_blog_todo/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:52:138)
    at Object.renderPage (/Users/apple/Documents/projects/udemy/nextjs_blog_todo/node_modules/next/dist/server/render.js:626:31)
    at Function.getInitialProps (/Users/apple/Documents/projects/udemy/nextjs_blog_todo/.next/server/pages/_document.js:594:19)
    at Object.loadGetInitialProps (/Users/apple/Documents/projects/udemy/nextjs_blog_todo/node_modules/next/dist/shared/lib/utils.js:68:29)
    at Object.renderToHTML (/Users/apple/Documents/projects/udemy/nextjs_blog_todo/node_modules/next/dist/server/render.js:643:40)

原因と対処法

export NODE_ENV="development"
//非推奨：export NODE_ENV=dev

設定がproductionモードになっている場合に発生するエラーであったようで、環境設定をdevモードにしたら直りました。

参照：https://stackoverflow.com/questions/67376052/error-when-running-next-js-typeerror-0-react-jsx-dev-runtime-webpack-impo

ー　この記事をシェアする？　ー

  • TypeError: (0 , react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV) is not a functionエラーの原因と対処法

この記事にコメントする

このサイトはreCAPTCHAとGoogleによって保護されています。プライバシーポリシーと利用規約が適用されます。

Related / 関連記事