Create-React-App应用启动异常:浏览器提示需启用JavaScript求助
Create-React-App 启动后浏览器无内容,提示需启用JavaScript的解决方案
先确认浏览器JavaScript状态
打开Chrome设置搜索「JavaScript」,确保「允许所有网站运行JavaScript」已开启;或者在开发者工具的设置(右上角齿轮)里,检查「禁用JavaScript」是否被勾选,取消该选项。清理缓存并重建依赖
- 按
Ctrl+C停止当前npm服务 - 执行命令:
npm cache clean --force - 删除项目根目录下的
node_modules文件夹和package-lock.json文件 - 重新安装依赖:
npm install - 再次启动服务:
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
相关产品推荐
相关产品推荐

