عبد النور محمد

أنا أستخدم nextjs على vercel. إجراء اختبار google lighthouse Pagespeed على صفحتي الرئيسية. تقوم بإرجاع "إزالة ملفات جافا سكريبت غير المستخدمة" وتسرد ملفات جافا سكريبت لصفحاتي الثابتة الأخرى مثل privacy-policy.js about.js.... لماذا يتم تحميل صفحات أخرى وأنا لست في تلك الصفحات؟ كيف يمكنني إيقافها بحيث يتم تحميلها على عنوان url الخاص بهم فقط.

سؤالي هو كيفية إنشاء ملف sitemap وإضافته بشكل ديناميكي إلى مشروع nextjs. لقد أنشأت مدونة باستخدام nextjs و mongodb و express js. هذه هي الواجهة الأمامية لهيكل مشروعي (nextjs) --.next -- components -- node_modules -- pages -- public -- config.js -- next.config.js -- package.json -- package-lock.json

أنا أقرأ Nextjs جزء البيانات من الوثائق وخطر ببالي سؤال واحد. يمكن لـ Nextjs جلب البيانات باستخدام getStaticProps و getStaticPaths و getInitialProps و getServersideProps ، أليس كذلك؟ لكن البعض يحدث في وقت البناء كما أقتبس: getStaticProps (Static Generation): Fetch data at build-time متى يحدث هذا وقت البناء؟ هل هو عند تشغيل npm تشغيل البناء؟ (لبناء بناء الإنتاج) أو عندما يصل المستخدم إلى تطبيق Nextjs الخاص بنا؟ (عند كل طلب)

أحتاج إلى قيمة href افتراضية لـ Next / Link ، كما نفعل في لغة html العادية كما هو موضح أدناه <a href='#' ></a> لقد جربت هذا الارتباط ولكن ينتج خطأ بسبب السمة المطلوبة <Link href='#'></Link>

أحتاج إلى تحميل بعض الملفات إلى S3 من تطبيق NextJs. فتعيين متغيرات البيئة يجب أن يعمل ولكنه لا يعمل عند تعيين accessKeyID و secretKey. next.config.js module.exports = { env: { AWS_ACCESS_KEY_ID: process.env.AWS_ACCESS_KEY_ID }, serverRuntimeConfig: { AWS_SECRET_ACCESS_KEY: process.env.AWS_SECRET_ACCESS_KEY } } config/index.js export default { awsClientID: process.env. AWS_ACCESS_KEY_ID, awsClientSecret: process.env.AWS_SECRET_ACCESS_KEY } import AWS from 'aws-sdk' import config from '../config' AWS.config.update({ accessKeyId: config.awsClientID, secretAccessKey: config.awsClientSecret, }); const S3 = new AWS.S3() const params = { Bucket: "bucketName", Key: "some key", Body: fileObject, ContentType: fileObject.type, ACL: 'public-read' } await S3.upload(params).promise() كتابة بيانات الاعتماد مباشرة فوق تعمل دون مشاكل

مرحبا لدي مشروع nextjs أعمل عليه وهو حاليا في استضافة vps في السابق كنت عندما أعمل git pull في vps ثم أبني المشروع يعمل بدون مشاكل الأن قمت بتطوير المشروع و واردت أن أجلب التحديثات الأخيرة في vps ثم البناء لكن يظهر هذا الخطأ بعد أن يأخذ وقت كبير process killed رغم أنني قمت بالبناء محليا دون مشاكل

أقوم بإنشاء extension chrome الذي سيحتاج إلى إجراء مكالمة API عند تلقي رسائل معينة من النص البرمجي للمحتوى. أواجه صعوبة في تقديم طلب HTTP وأعتقد أن الخطأ في تكوين webpack الخاص بي. لقد حاولت استخدام node-fetch و axios ولا يعمل أي منهما بالنسبة لي. يبدو ملف webpack.common.js الخاص بي كما يلي: const path = require("path"); module.exports = { target: "node", entry: { popup: path.join(__dirname, "src/popup/index.tsx"), background: path.join(__dirname, "src/background.ts"), contentScript: path.join(__dirname, "src/contentScript.ts"), }, output: { path: path.join(__dirname, "dist"), filename: "[name].js", }, module: { rules: [ { exclude: /node_modules/, test: /\.tsx?$/, use: "ts-loader", }, { exclude: /node_modules/, test: /\.scss$/, use: [ { loader: "style-loader", // Creates style nodes from JS strings }, { loader: "css-loader", // Translates CSS into CommonJS }, { loader: "sass-loader", // Compiles Sass to CSS }, ], }, ], }, resolve: { extensions: [".ts", ".tsx", ".js"], }, }; dispatchRequest.js:52 Uncaught (in promise) TypeError: adapter is not a function at dispatchRequest (dispatchRequest.js:52)

أريد استيراد jQuery ديناميكيًا حتى تتمكن حزمة الويب من إرسالها ك chunk ولكن عندما أستخدم الاستيراد الديناميكي مثل هذا import ('../vendorjs/jquery-3.3.1.min.js').then($ => { (function() { $('.tabs').tabs(); }) }); ولكن عندما أقوم بتشغيل webpack أحصل على حزمة الأخطاء هذه ERROR in ./src/js/materialize.init.js 1:7 Module parse failed: Unexpected token (1:7) You may need an appropriate loader to handle this file type. import ('../vendorjs/jquery-3.3.1.min.js').then($ => { (function() { | $('.tabs').tabs(); @ ./src/js/index.js 9:0-28

كيف تتم استضافة مشروع next في vps server وماهي الخطوات التي يجب علي اتباعها

لدي مكون بوت (Watson) يحتوي على هذا البرنامج النصي <Script> {` window.watsonAssistantChatOptions = { showLauncher: false, openChatByDefault: true, element: document.querySelector('.chatElement'), onLoad: function(instance) { instance.updateHomeScreenConfig({ is_on: true, greeting: '', starters: { is_on: true, buttons: [ { label: 'Turn home screen off', }, { label: 'Add conversation starters', }, { label: 'Add custom content', }, ], }, }); // Subscribe to the "pre:send" event. instance.on({ type: "pre:send", handler: preSendhandler }); instance.render(); } }; setTimeout(function(){ const t=document.createElement('script'); t.src="https://web-chat.global.assistant.watson.appdomain.cloud/versions/" + (window.watsonAssistantChatOptions.clientVersion || 'latest') + "/WatsonAssistantChatEntry.js" document.head.appendChild(t); `} </Script> البرنامج موضوع في _documeny.js المشكلة هي في كل مرة أقوم فيها بتغيير الصفحة يتم إنشاء شاشة دردشة اخرى

مع __dirname output: { assetModuleFilename: "images/[hash][ext][query]", path: path.resolve(__dirname, 'dist') }, بدون __dirname output: { assetModuleFilename: "images/[hash][ext][query]", path: path.resolve('dist') }, إذن ما هي الحاجة لاستخدام __dirname هنا ؟؟

أحاول تحميل ملفات json مختلفة ، اعتمادًا على البيئة. بتعبير أدق ، أريد تحميل appsettings.development.json عندما يكون على NODE.ENV = "development" ، ثم استخدمه داخل الكتابة المطبوعة ككائن تكوين عام. أيضًا عندما يتغير NODE.ENV الخاص بي إلى "الإنتاج" ، أريد تحميل appsettings.production.json. لقد قمت بالفعل بتكوين حزمة الويب لإصدارات مختلفة باستخدام ملفات مثل webpack.config.js و webpack.config.dev.js و webpack.config.prod.js. إذا كان بإمكاني إضافة شيء مثل استيراد التكوين من `... / config. $ {NODE.ENV} .json` فسيكون ذلك مثاليًا؟

هذا هو ملف next.config.js الخاص بي ... async redirects() { { source: '/shop', has: [ { type: 'query', key: 'q', value: '(<sef>)', }, ], permanent: false, destination: '/shop/:sef', }, } .... هذا لا يعيد التوجيه من shop?q = sefإلى shop / sef. ما المشكلة في هذا الأمر؟

مرحبا أحاول اعداد axios واستدعاءه لاستخدامه في كل طلباتي لكن الجزء الخاص بوضع ال token authorization لا يعمل import axios from 'axios'; const Axios = axios.create({ baseURL: process.env.NEXT_PUBLIC_API, }); let token; if (window) { token = JSON.parse(localStorage.getItem('zu')).state?.auth?.token; } Axios.defaults.headers.common['Authorization'] = `Bearer ${token}`; export default Axios; هل من اقتراح

أنا أعمل حاليًا مع next@11.1.2 و webpack v5 وتعطلت لساعات مع إصلاح تحميل mp3. لقد جربت العديد من الحلول لم يعمل أي منهم من أجلي. Type error: Cannot find module 'public/sounds/bighit.mp3' or its corresponding type declarations. 14 | 15 | // Assets > 16 | import sound_bighit from "public/sounds/bighit.mp3" | ^ info - Checking validity of types .% onst path = require('path') const SRC = path.resolve(__dirname, 'public/sounds/') module.exports = { webpack: (config, { }) => { config.module.rules.push({ test: /\.mp3$/, incluse: SRC, use: { loader: 'file-loader', options: { name: '[name].[contenthash].[ext]', outputPath: 'public/sounds/', publicPath: 'public/sounds/' } } }) // config.module.rules.push({ // test: /\.mp3$/, // use: { // loader: 'file-loader', // }, // }) // config.module.rules.push({ // test: /\.mp3/, // use: { // loader: 'url-loader', // }, // }) return config } }