منتصر احمد نشر 21 يونيو 2022 أرسل تقرير نشر 21 يونيو 2022 عندما اقوم باستدعاء الصور من صفحة index.html تظهر وعندما استدعيها من ملف style.scss لا تظهر فما السبب 1 اقتباس
0 Adnane Kadri نشر 21 يونيو 2022 أرسل تقرير نشر 21 يونيو 2022 هل السؤال متعلق بدورة ما؟ يفضل ارفاق السؤال ضمن قسم تعليقات الطلبة اسفل الفيديو الذي تواجه به المشكلة. وإلا فإنك ستحتاج ارفاق مزيدا من التفاصيل، مثل نص رسالة الخطأ التي تظهر، ومحتوى ملف اعداد ويب باك webpack.config.js 1 اقتباس
0 منتصر احمد نشر 21 يونيو 2022 الكاتب أرسل تقرير نشر 21 يونيو 2022 بتاريخ On 21/6/2022 at 17:16 قال Adnane Kadri: هل السؤال متعلق بدورة ما؟ يفضل ارفاق السؤال ضمن قسم تعليقات الطلبة اسفل الفيديو الذي تواجه به المشكلة. وإلا فإنك ستحتاج ارفاق مزيدا من التفاصيل، مثل نص رسالة الخطأ التي تظهر، ومحتوى ملف اعداد ويب باك webpack.config.js أظهر المزيد ليس هناك خطا (error) ولكن انا اتسائل لماذا محتوى ملف webpack.config.js const path = require("path"); const MiniCssExtractPlugin = require("mini-css-extract-plugin"); const HTMLWebpackPlugin = require("html-webpack-plugin"); const webpack = require("webpack"); module.exports = { entry: { app: path.resolve(__dirname, "src/index.js"), }, output: { path: path.resolve(__dirname, "dist"), clean: true, filename: "[name]_bundle.js", }, devServer: { static: "./dist", hot: true, open: true, devMiddleware: { writeToDisk: true, }, }, module: { rules: [ { test: /\.html$/, loader: "html-loader", }, { test: /\.(sa|sc|c)ss$/, use: [MiniCssExtractPlugin.loader, "css-loader", "sass-loader"], }, { test: /\.(png|jpg|jpeg|svg|gif)$/, use: { loader: "file-loader", options: { esModules: true, outputPath: "images", name: "images/[name].[ext]", }, }, }, ], }, plugins: [ new HTMLWebpackPlugin({ filename: "index.html", template: "./src/index.html", }), new MiniCssExtractPlugin({ filename: "css/style.css" }), new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery", }), ], }; 1 اقتباس
0 Adnane Kadri نشر 21 يونيو 2022 أرسل تقرير نشر 21 يونيو 2022 بتاريخ On 21/6/2022 at 17:20 قال Mohamed Montaser3: ليس هناك خطا (error) ولكن انا اتسائل لماذا محتوى ملف webpack.config.js const path = require("path"); const MiniCssExtractPlugin = require("mini-css-extract-plugin"); const HTMLWebpackPlugin = require("html-webpack-plugin"); const webpack = require("webpack"); module.exports = { entry: { app: path.resolve(__dirname, "src/index.js"), }, output: { path: path.resolve(__dirname, "dist"), clean: true, filename: "[name]_bundle.js", }, devServer: { static: "./dist", hot: true, open: true, devMiddleware: { writeToDisk: true, }, }, module: { rules: [ { test: /\.html$/, loader: "html-loader", }, { test: /\.(sa|sc|c)ss$/, use: [MiniCssExtractPlugin.loader, "css-loader", "sass-loader"], }, { test: /\.(png|jpg|jpeg|svg|gif)$/, use: { loader: "file-loader", options: { esModules: true, outputPath: "images", name: "images/[name].[ext]", }, }, }, ], }, plugins: [ new HTMLWebpackPlugin({ filename: "index.html", template: "./src/index.html", }), new MiniCssExtractPlugin({ filename: "css/style.css" }), new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery", }), ], }; أظهر المزيد هل تظهر اي رسائل اخطاء بنافذة الطرفية console عند استعراض المشروع من المتصفح؟ 1 اقتباس
0 منتصر احمد نشر 21 يونيو 2022 الكاتب أرسل تقرير نشر 21 يونيو 2022 بتاريخ On 21/6/2022 at 17:26 قال Adnane Kadri: هل تظهر اي رسائل اخطاء بنافذة الطرفية console عند استعراض المشروع من المتصفح؟ أظهر المزيد لا بتاريخ On 21/6/2022 at 17:26 قال Adnane Kadri: هل تظهر اي رسائل اخطاء بنافذة الطرفية console عند استعراض المشروع من المتصفح؟ أظهر المزيد ..... اقتباس
0 Wael Aljamal نشر 21 يونيو 2022 أرسل تقرير نشر 21 يونيو 2022 بتاريخ On 21/6/2022 at 17:29 قال Mohamed Montaser3: لا ..... أظهر المزيد أرجو ضغط المشروع و إرفاقه للتجريب إن لم يكن لديك مشكلة. 1 اقتباس
0 منتصر احمد نشر 25 يونيو 2022 الكاتب أرسل تقرير نشر 25 يونيو 2022 بتاريخ On 21/6/2022 at 23:37 قال Wael Aljamal: أرجو ضغط المشروع و إرفاقه للتجريب إن لم يكن لديك مشكلة. أظهر المزيد SMAK.zip 1 اقتباس
0 Wael Aljamal نشر 25 يونيو 2022 أرسل تقرير نشر 25 يونيو 2022 بتاريخ On 25/6/2022 at 17:14 قال Mohamed Montaser3: SMAK.zipUnavailable أظهر المزيد هل الملف فيه مشكلة؟ قمت بتنصيب المكتبات بالأمر npm i --force ثم تشغيل المشروع، ظهر خطأ سببه مسار صفحة HTML plugins: [ new HTMLWebpackPlugin({ filename: "index.html", template: "./src/index.html", ^^^^^^^^^^^^^^^^^ ; }), كان هنالك فراغ. ثم عملت الصفحة بشكل جيد، أي صورة لم تظهر؟ 1 اقتباس
0 منتصر احمد نشر 25 يونيو 2022 الكاتب أرسل تقرير نشر 25 يونيو 2022 بتاريخ On 25/6/2022 at 17:32 قال Wael Aljamal: هل الملف فيه مشكلة؟ قمت بتنصيب المكتبات بالأمر npm i --force ثم تشغيل المشروع، ظهر خطأ سببه مسار صفحة HTML plugins: [ new HTMLWebpackPlugin({ filename: "index.html", template: "./src/index.html", ^^^^^^^^^^^^^^^^^ ; }), كان هنالك فراغ. ثم عملت الصفحة بشكل جيد، أي صورة لم تظهر؟ أظهر المزيد انا عدلتها خليتها layer في الhtml وزبطها ب sass بس لو هحط السرس من الساس مش هيظهر اقتباس
0 Wael Aljamal نشر 25 يونيو 2022 أرسل تقرير نشر 25 يونيو 2022 بتاريخ On 25/6/2022 at 20:41 قال Mohamed Montaser3: انا عدلتها خليتها layer في الhtml وزبطها ب sass بس لو هحط السرس من الساس مش هيظهر أظهر المزيد أحسنت إيجاد حل للمشكلة، عندما تريد حل لمشكلة معينة، أرجو أرفاق الحالة في وقتها و ليس حالة أخرى و تحديد اي صورة و جميييع التفاصيل اقتباس
0 منتصر احمد نشر 25 يونيو 2022 الكاتب أرسل تقرير نشر 25 يونيو 2022 بتاريخ On 25/6/2022 at 17:32 قال Wael Aljamal: هل الملف فيه مشكلة؟ قمت بتنصيب المكتبات بالأمر npm i --force ثم تشغيل المشروع، ظهر خطأ سببه مسار صفحة HTML plugins: [ new HTMLWebpackPlugin({ filename: "index.html", template: "./src/index.html", ^^^^^^^^^^^^^^^^^ ; }), كان هنالك فراغ. ثم عملت الصفحة بشكل جيد، أي صورة لم تظهر؟ أظهر المزيد عدلتها بس مش شغاله من ملف ال sass اقتباس
0 Wael Aljamal نشر 25 يونيو 2022 أرسل تقرير نشر 25 يونيو 2022 بتاريخ On 25/6/2022 at 21:17 قال Mohamed Montaser3: عدلتها بس مش شغاله من ملف ال sass أظهر المزيد بتاريخ On 25/6/2022 at 20:43 قال Wael Aljamal: عندما تريد حل لمشكلة معينة، أرجو أرفاق الحالة في وقتها و ليس حالة أخرى و تحديد اي صورة و جميييع التفاصيل أظهر المزيد لذلك، عليك إرفاق مشروع فيه المشكلة التي تتكلم عنها، مع تحديد أي صورة لم تعمل اقتباس
السؤال
منتصر احمد
عندما اقوم باستدعاء الصور من صفحة index.html تظهر وعندما استدعيها من ملف style.scss لا تظهر فما السبب
11 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.