我有一个server.js
文件,它使用Node打开数据库。我试图通过一个lib
目录将其导入到index.js
文件中,并且在lib
目录中有两个文件:
// App.js
import React from 'react';
import addName from "util";
function App() {
const [name, setName] = React.useState("")
function handleUpdate(evt) {
setName(evt.target.value);
}
async function handleAddName(evt) {
await addName(name);
}
return <div>
<p><input type='text' value={name} onChange={handleUpdate} /></p>
<button className='button-style' onClick={handleAddName}>Add Name</button>
</div>
}
export default App;
// util.js
import "isomorphic-fetch"
export function addName(name) {
return fetch('http://localhost:3001/add-time', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ name, time: Date.now() })
})
}
这让我:
TypeError: util__WEBPACK_IMPORTED_MODULE_4___default(...) is not a function.
我本以为这不会有太大的影响,但是在App.js
文件的第三行中,我添加了两个花括号使它变成import {addName} from "util";
。
然后我就遇到了错误:TypeError: Object(...) is not a function
。这两个错误都指向App.js
的第13行,即await addName(name);
。现在,我从`util.js`中导出了addName(name)
函数,所以我不明白这个错误是什么意思。
当我搜索这些错误时,似乎并没有找到适用于我的情况的答案。