You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Create-React-App应用启动异常:浏览器提示需启用JavaScript求助

Create-React-App 启动后浏览器无内容,提示需启用JavaScript的解决方案
  • 先确认浏览器JavaScript状态
    打开Chrome设置搜索「JavaScript」,确保「允许所有网站运行JavaScript」已开启;或者在开发者工具的设置(右上角齿轮)里,检查「禁用JavaScript」是否被勾选,取消该选项。

  • 清理缓存并重建依赖

    1. 按Ctrl+C停止当前npm服务
    2. 执行命令:npm cache clean --force
    3. 删除项目根目录下的node_modules文件夹和package-lock.json文件
    4. 重新安装依赖:npm install
    5. 再次启动服务:npm start
  • 检查终端编译日志
    启动npm start后,留意终端输出是否有报错(比如ESLint语法错误、依赖缺失提示),根据提示修复对应问题。

  • 移除无效proxy配置
    从你的package.json中删除"proxy": "localhost:5000"这一行,重启服务后测试。

  • 验证public/index.html文件
    确认文件中存在<div id="root"></div>节点,且引入的脚本标签没有被误删或注释。

  • 排查React渲染逻辑
    打开src/index.js(或src/main.jsx),确认组件挂载代码正确:

    import React from 'react';
    import ReactDOM from 'react-dom/client';
    import App from './App';
    
    const root = ReactDOM.createRoot(document.getElementById('root'));
    root.render(
      <React.StrictMode>
        <App />
      </React.StrictMode>
    );
    

    也可以临时把App组件替换成简单内容测试:

    function App() {
      return <div>测试内容</div>;
    }
    export default App;
    

内容的提问来源于stack exchange,提问作者PerfectionBen

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.14 16:36:18