Reactjs React代码在localhost上呈现良好，但在google chrome中手动打开时不起作用（通过直接打开index.html而不使用npm）
使用Reactjs React代码在localhost上呈现良好，但在google chrome中手动打开时不起作用（通过直接打开index.html而不使用npm）,reactjs,Reactjs,使用create react app安装后，我的react app在从npm start启动的live server上运行正常。但稍后，当尝试直接从chrome打开相同的index.html（双击index.html）时，浏览器中只能看到index.html的内容。未呈现指向根的App.js的任何内容 我对反应完全是个新手 这是我的App.js import React from 'react'; import logo from './logo.svg'; import './App.css'
create react appnpm startimport React from 'react';
import logo from './logo.svg';
import './App.css';
function App() {
return (
<div className="App">
<header className="App-header">
<h1>This is a test</h1>
</header>
</div>
);
}
export default App;
从“React”导入React；
从“/logo.svg”导入徽标；
导入“/App.css”；
函数App（）{
返回(
这是一个测试
);
}
导出默认应用程序；
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<title>React App</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<h1>This is second test</h1>
</body>
</html>
反应应用程序
您需要启用JavaScript才能运行此应用程序。
这是第二次测试
编辑：仅在浏览器上打开的文件上加载“这是第二个测试”，而“这是一个测试”“这是第二个测试”加载到实时服务器上。您可能希望读入
npm run build