Remix.run应用报错：TypeError: (0 , import_jsx_dev_runtime.jsxDEV) is not a function

安全阿岳

2026-8-7

Remix应用jsxDEV is not a function报错解决办法

问题场景

测试Remix.run应用时，在routes目录下创建posts页面，代码如下：

const Posts = () => {
  
  return (
    <main>
     testing
    </main>
  );
};

运行后控制台抛出错误：

TypeError: (0 , import_jsx_dev_runtime.jsxDEV) is not a function 2ms
    at /home/Documents/remix/my-remix-app/app/entry.server.jsx:82:7
    at new Promise (<anonymous>)
    at handleBrowserRequest (/home/Documents/remix/my-remix-app/app/entry.server.jsx:78:10)
    at handleRequest (/home/Documents/remix/my-remix-app/app/entry.server.jsx:23:7)
    at handleDocumentRequestRR (/home/Documents/remix/my-remix-app/node_modules/@remix-run/server-runtime/dist/server.js:260:20)
    at requestHandler (/home/Documents/remix/my-remix-app/node_modules/@remix-run/server-runtime/dist/server.js:49:18)
    at /home/Documents/remix/my-remix-app/node_modules/@remix-run/express/dist/server.js:39:22

浏览器页面显示：意外服务器错误

解决步骤

导出路由组件：当前Posts组件未添加导出语句，Remix无法识别该路由组件，需补充：
```
export default Posts;
```
检查React依赖版本：确保react和react-dom版本与Remix兼容，运行以下命令查看版本：
```
npm list react react-dom
```
若版本不匹配，重新安装对应版本：
```
npm install react@latest react-dom@latest
```
校验entry.server.jsx的JSX导入：确认文件中正确导入jsxDEV或jsx，示例：
```
import { jsxDEV } from "react/jsx-dev-runtime";
```
检查拼写是否正确，开发模式用jsxDEV，生产模式用jsx
重新安装依赖：删除node_modules和锁文件后重新安装，解决依赖冲突：
```
rm -rf node_modules package-lock.json
npm install
```
确认开发环境配置：确保使用Remix官方的remix dev命令启动项目，避免自定义Babel配置干扰JSX转换