如果我使用FormData
Next.js 将图像上传到服务器,我总是会收到此错误。
我尝试了很多,但没有解决这个问题。
我的代码:
const changeValue = (e) => {
if (e.target.name === "avatar") {
const file = e.target.files[0];
const formData = new FormData();
formData.append("image", file, file.name);
try {
const config = {
Headers: {
"Content-Type": "multipart/form-data",
},
};
axios
.post("/api/upload", formData, config)
.then((res) => {
setAvatar(res.data);
setAvatarPreview(res.data);
})
.catch((err) => {
console.log(err.message);
});
} catch (err) {
console.log(err);
}
}
}
Run Code Online (Sandbox Code Playgroud) 这是我第一次将 redux 与 next.js 一起使用,我无法使用 NextJs 设置 Redux,并且总是收到此错误。我尝试了另一种方法,但仍然遇到更多错误,我什至无法配置它。
并且充满了错误消息。
TypeError: nextCallback is not a function
at D:\Next Js\hotel\node_modules\next-redux-wrapper\lib\index.js:146:46
at step (D:\Next Js\hotel\node_modules\next-redux-wrapper\lib\index.js:57:23)
at Object.next (D:\Next Js\hotel\node_modules\next-redux-wrapper\lib\index.js:38:53)
at D:\Next Js\hotel\node_modules\next-redux-wrapper\lib\index.js:32:71
at new Promise (<anonymous>)
at __awaiter (D:\Next Js\hotel\node_modules\next-redux-wrapper\lib\index.js:28:12)
at makeProps (D:\Next Js\hotel\node_modules\next-redux-wrapper\lib\index.js:135:16)
at D:\Next Js\hotel\node_modules\next-redux-wrapper\lib\index.js:186:46
at step (D:\Next Js\hotel\node_modules\next-redux-wrapper\lib\index.js:57:23)
at Object.next (D:\Next Js\hotel\node_modules\next-redux-wrapper\lib\index.js:38:53)
Run Code Online (Sandbox Code Playgroud)
这是安装文件
import { createStore, applyMiddleware, combineReducers } from "redux";
import { HYDRATE, createWrapper } from "next-redux-wrapper";
import thunkMiddleware from "redux-thunk";
import roomsReducer from "./reducers/rooms";
const bindMiddleware = (middleware) …
Run Code Online (Sandbox Code Playgroud) 我是粘性新手,之前没有使用过它,所以我将一些代码(关于粘性侧边栏)复制并粘贴到我的项目中,但它不起作用。
<Layout title="Books">
<div className="container w-100 row">
<div className="sticky-top col-sm-3">
<Filter />
</div>
<div className="col-sm-9 ">
<Books />
</div>
</div>
<Footer />
</Layout>
Run Code Online (Sandbox Code Playgroud) javascript ×3
next.js ×3
css ×1
file-upload ×1
node.js ×1
react-redux ×1
reactjs ×1
redux ×1
sticky ×1