Uncaught TypeError： ＿jsxDEV is not a function を解決したい
解決したいこと
Reactで簡単なノートアプリを作成し、Renderでサイト公開した際、
コンソールにエラーが発生しました。解決方法を教えて下さい。
発生している問題・エラー
main.jsx のコード
import React from "react";
import ReactDOM from "react-dom";
import App from "./App.jsx";
import "./index.css";
const NODE_ENV = "production";
ReactDOM.render(
<React.StrictMode>
<App />
</React.StrictMode>,
document.getElementById("root")
);
export default main;
package.jsonは以下になります。
{
"name": "noteapp",
"private": true,
"version": "0.0.0",
"type": "module",
"scripts": {
"start": "vite --host",
"build": "vite build",
"lint": "eslint src --ext js,jsx --report-unused-disable-directives --max-warnings 0",
"preview": "vite preview"
},
"dependencies": {
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-markdown": "^8.0.7"
},
"devDependencies": {
"@types/react": "^18.2.14",
"@types/react-dom": "^18.2.6",
"@vitejs/plugin-react-swc": "^3.3.2",
"eslint": "^8.44.0",
"eslint-plugin-react": "^7.32.2",
"eslint-plugin-react-hooks": "^4.6.0",
"eslint-plugin-react-refresh": "^0.4.1",
"react-uuid": "^2.0.0",
"vite": "^4.4.0"
}
}
自分で試したこと
ローカルではちゃんと立ち上がるので、GitHubにpushしますがRenderのURL画面では反映されません。
chatGPTに質問しますが、何度やってもエラーが解消されません。chat GPTが2021年９月までで
最新のreactではない為エラーの解消に至りません。
初心者ですが、おわかりになる方ご教授願います。
0