我试图在 Windows 10 上运行我的 Angular 9 应用程序,但在尝试在本地提供服务时出现以下错误。看看下面的错误:
./src/assets/sass/pickandpay.scss 中出现错误(./node_modules/css-loader/dist/cjs.js??ref--13-1!./node_modules/postcss-loader/src??embedded!。 /node_modules/sass-loader/dist/cjs.js??ref--13-3!./src/assets/sass/pickandpay.scss) 模块构建失败(来自 ./node_modules/sass-loader/dist/cjs)。 js): SassError: 未定义的变量:“$white-color”。在 H:\pick&pay_eCommerce\pickandpay-client\src\assets\sass\pickandpay.scss 第 3 行的 src/assets/sass/pickandpay/_base.scss 第 99 行上颜色:$white-color;---------^
pickandpay.scss:
// Core CSS
@import "pickandpay/base";
@import "pickandpay/blog-details";
@import "pickandpay/blog-sidebar";
@import "pickandpay/blog";
@import "pickandpay/breadcrumb";
@import "pickandpay/checkout";
@import "pickandpay/contact";
@import "pickandpay/footer";
@import "pickandpay/header";
@import "pickandpay/hero";
@import "pickandpay/home-page";
@import "pickandpay/mixins";
@import "pickandpay/responsive";
@import "pickandpay/shop-details";
@import "pickandpay/shop-grid";
@import "pickandpay/shoping-cart";
@import "pickandpay/sidebar";
@import "pickandpay/variable";
@import "pickandpay/style.scss";
Run Code Online (Sandbox Code Playgroud)
_base.scss:
html,
body {
height: 100%;
font-family: 'Cairo', sans-serif;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
h1, …Run Code Online (Sandbox Code Playgroud) 我在服务器上使用 multer 上传文件,在使用 multer 上传时,limits: { fileSize: 3000000 }我将文件大小限制为 3MB。现在我面临的问题是,当上传较大的文件时,我收到MulterError: File too large at abortWithCode错误,并且我的服务器被中止并崩溃。我已经尝试使用if (err instanceof multer.MulterError) { console.log("file too large")}和使用upload中间件来处理错误,但它似乎不起作用,并且当上传较大的文件时我的服务器不断崩溃。知道如何处理错误情况吗???我不希望我的服务器崩溃并将错误作为对 API 的响应发送出去
路由器:
const multer = require("multer");
const storage = multer.diskStorage({
destination: function (req, file, cb) {
cb(null, "./uploads");
},
filename: function (req, file, cb) {
cb(null, Date.now() + file.originalname);
},
});
const upload = multer({ storage: storage, limits: { fileSize: 2000000 } });
module.exports.setRouter = (app) => {
app.post("/create", …Run Code Online (Sandbox Code Playgroud) 我使用 node、express 和 multer 在 Angular 应用程序中上传文件,同时使用 mongoDB 作为数据库。当我上传文件时,虽然它上传到名为 uploads 的目标文件夹中(我在 index.js 中将其声明为静态),但保存文件的路径不会显示在数据库中,并且默认值保持为空白。下面是创建表单并且图像也上传时我的数据库的快照,但位置应保持空白的 imagePath 字段
{
"title": "title to check file upload second time",
"description": "checking file upload check",
"bodyHtml": "",
"views": 0,
"isPublished": true,
"category": "Drama",
"author": "",
"imagePath": "",
"_id": "5e399bd4de5df134604a662f",
"blogId": "ZSiEu37z",
"created": "2020-02-04T16:29:08.000Z",
"lastModified": "2020-02-04T16:29:08.000Z",
"__v": 0
}
Run Code Online (Sandbox Code Playgroud)
控制器上的乘法器设置:
const multer = require('multer')
const storage = multer.diskStorage({
destination: function(req, file, cb) {
cb(null, './uploads/')
},
filename: function(req, file, cb) {
cb(null, Date.now() + file.originalname)
}
}) …Run Code Online (Sandbox Code Playgroud) 我正在尝试实现一种功能,在滚动视频时,如果正在播放视频,则视频会暂停,反之亦然。目前我可以使用设置状态 true/false 的 onClick 函数来完成此操作。但问题是,视频在向下滚动后继续播放,直到我不再点击它暂停为止。我想保留 onClick 功能,并且还想添加 onScroll 功能。尝试这样做onScroll但不起作用。
const [playing, setPlaying] = useState(false);
const videoRef = useRef(null);
const handleVideoPress = () => {
if (playing) {
videoRef.current.pause();
setPlaying(false);
} else {
videoRef.current.play();
setPlaying(true);
}
};
return (
<div className="video">
<video
onClick={handleVideoPress}
className="video__player"
loop
ref={videoRef}
src={url}
></video>
);
}
Run Code Online (Sandbox Code Playgroud)