這樣的問題，當我嘗試在反應中簡單地連接 mongoDB
import React, {Component} from 'react';
export default class App extends Component{
componentDidMount(){
const {MongoClient} = require('mongodb');
const client = new MongoClient('mongodb srv://dafu4k:****@cluster0.jd26aac.mongodb.net/?retryWrites=true&w=majority');
const start = async () => {
try{
await client.connect();
console.log('Connected')
}
catch(e){
console.log(e)
}
}
start();
}
render(){
return (
<>
<h1>Home page</h1>
</>
)
}
}
瀏覽器本身出現相同型別的錯誤
找不到模塊：錯誤：無法決議 'C:\Users\DaFu4\OneDrive\Рабочий >стол\mongotest\mongo-test\node_modules\ip\lib' 中的 'os'
重大變化：webpack < 5 用于默認包含 node.js 核心模塊的 polyfill。這已不再是這種情況。驗證你是否需要這個模塊并為它配置一個 polyfill。
如果你想包含一個 polyfill，你需要：
- 添加一個后備 'resolve.fallback: { "os": require.resolve("os-browserify/browser") }'
- install 'os-browserify' 如果你不想包含 polyfill，你可以像這樣使用一個空模塊：resolve.fallback: { "os": false }
它們的不同之處在于最后一行有不同的鍵（timers, crypto,http等）
我看了如何連接 mongoDB 來做出反應，到處都使用了某個 mongoose 和 mongoDB，但我不明白，也許需要連接才能做出反應，或者我還是做錯了什么？（在正常的 js 中一切正常，代碼沒有改變）
src/index.js
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>
);
package.json
{
"name": "mongo-test",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^5.16.4",
"@testing-library/react": "^13.3.0",
"@testing-library/user-event": "^13.5.0",
"crypto-browserify": "^3.12.0",
"mongodb": "^4.7.0",
"react": "^18.1.0",
"react-dom": "^18.1.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"
]
}
}
uj5u.com熱心網友回復：
我們無法將 React JS 連接到 MongoDB，因為事情不是這樣作業的。 首先，我們創建一個 react 應用程式，然后為了后端維護，我們在 node.js 和 express.js 中創建 API，它們在不同的埠上運行，而我們的 react 應用程式在不同的埠上運行。用于將 React 連接到我們通過 API 集成的資料庫（MongoDB）。
檢查此鏈接：
[1] : https://www.geeksforgeeks.org/how-to-connect-mongodb-with-reactjs/#:~:text=First, we create a react,MongoDB) we integrate 到 API。
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/490190.html
上一篇：Mongo聚合查找嵌套