我已經安裝了 create-react-app 和 material-ui/core 并開始制作一個簡單的按鈕。
將 Button 添加到 App 檔案并使用命令 npm start 后，我??希望該按鈕顯示在瀏覽器中，而不是我收到 Error invalid hook call。
我能想到的唯一問題是依賴項可能已損壞，因為鉤子顯然有效。
這是簡單的按鈕：App.js
import {Button} from '@material-ui/core';
export default function App() {
return (
<div className="App">
<Button>Click Me</Button>
</div>
);
}
索引.js
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
ReactDOM.render(
<App />,
document.getElementById('root')
);
索引.html
<div id='root'></div>
這是 package.json 檔案（此處僅顯示依賴項以減少代碼長度）：
{
"name": "mui-play",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^5.15.1",
"@testing-library/react": "^11.2.7",
"@testing-library/user-event": "^12.8.3",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-scripts": "4.0.3",
"web-vitals": "^1.1.2"
}
uj5u.com熱心網友回復：
已解決：依賴有問題，我了解到即使您安裝了 npm 包，您仍然必須在源代碼編輯器中到終端并將依賴安裝到 package.json 檔案中。這是允許按鈕在瀏覽器中顯示的固定檔案：package.json：
"name": "mui-play",
"version": "0.1.0",
"private": true,
"dependencies": {
"@material-ui/core": "^4.12.3",
"@testing-library/jest-dom": "^5.15.1",
"@testing-library/react": "^11.2.7",
"@testing-library/user-event": "^12.8.3",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-scripts": "4.0.3",
"web-vitals": "^1.1.2"
}
"@material-ui/core": "^4.12.3",添加了該行以便包可以使用依賴項。
uj5u.com熱心網友回復：
嘗試手動添加您想要的包，然后npm install在終端上
運行
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/381911.html
標籤：javascript 反应 按钮 反应钩子 依赖
上一篇：來回切換JS按鈕