在使用 npm start 運行它后，我在 react 應用程式中得到一個空白螢屏，它直到昨天都可以正常作業，但現在它出現了這個錯誤，我認為代碼沒有被渲染，因為當我檢查了檢查視窗以啟用 javascript
包.json
{
"name": "buildfolks",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^5.16.5",
"@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^13.5.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-scripts": "5.0.1",
"web-vitals": "^2.1.4"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"autoprefixer": "^10.4.12",
"postcss": "^8.4.18",
"tailwindcss": "^3.1.8"
},
"main": "postcss.config.js",
"keywords": [],
"author": "",
"license": "ISC",
"description": ""
}應用程式.js
import { useEffect } from "react";
import "./App.css";
import Nav from './Nav.js';
function App() {
useEffect(() => {
document.title = "BuildFolks";
});
}
<Nav />
export default App;我也在使用順風 css
uj5u.com熱心網友回復：
您的App()函式不回傳任何內容，請嘗試使其回傳<Nav />：
function App() {
useEffect(() => {
document.title = "BuildFolks";
});
return <Nav />;
}
uj5u.com熱心網友回復：
您的 App 組件缺少該return陳述句。
import { useEffect } from "react";
import "./App.css";
import Nav from './Nav.js';
function App() {
useEffect(() => {
document.title = "BuildFolks";
});
return (
<Nav />
)
}
export default App;
uj5u.com熱心網友回復：
謝謝，它作業我沒有回傳功能
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/515649.html
標籤：javascript反应