از طریق منوی جستجو مطلب مورد نظر خود در وبلاگ را به سرعت پیدا کنید
سرفصلهای مطلب
معرفی
هنگام توسعه برنامه های React.js، ممکن است گهگاه با خطای «فعال کردن جاوا اسکریپت برای اجرای این برنامه» مواجه شوید. این خطا معمولاً به دلیل پیکربندی نادرست در تنظیمات سرور یا تنظیمات پراکسی شما، معمولاً هنگام استفاده از React رخ می دهد.
در این مقاله، روش راه‌اندازی صحیح پراکسی React.js، پیکربندی سرور Express خود و انتخاب یک سرور استاتیک برای حل این مشکل را بررسی خواهیم کرد.
پراکسی React.js خود را به درستی تنظیم کنید
React.js یک پروکسی داخلی ارائه می دهد که می توانید آن را در خود راه اندازی کنید package.json فایل. این پروکسی به شما کمک می‌کند از مشکلات CORS در طول توسعه جلوگیری کنید. اگر خطای «فعال کردن جاوا اسکریپت برای اجرای این برنامه» را می‌بینید، ممکن است به دلیل تنظیم نادرست پروکسی باشد. در اینجا روش تنظیم صحیح آن آورده شده است:
{
"name": "my-app",
"version": "0.1.0",
"private": true,
"proxy": "http://localhost:5000",
"dependencies": {
"react": "^16.13.1",
"react-dom": "^16.13.1",
"react-scripts": "3.4.1"
}
}
در کد بالا جایگزین کنید "http://localhost:5000" با سروری که می خواهید به آن درخواست پروکسی بدهید. پس از تنظیم، سرور توسعه خود را مجددا راه اندازی کنید و بررسی کنید که آیا خطا ادامه دارد یا خیر.
پیکربندی صحیح سرور اکسپرس
اگر از Express.js به عنوان سرور باطن خود استفاده می کنید، باید مطمئن شوید که به درستی پیکربندی شده است تا برنامه React.js شما را ارائه دهد. پیکربندی نادرست می تواند منجر به خطای “فعال کردن جاوا اسکریپت برای اجرای این برنامه” شود. در اینجا یک راه اندازی اولیه سرور Express است که به یک Create-React-App خدمت می کند روی مسیر “عمومی”:
const express = require('express');
const path = require('path');
const app = express();
app.use(express.static(path.join(__dirname, 'build')));
app.get('/*', function (req, res) {
res.sendFile(path.join(__dirname, 'build', 'index.html'));
});
app.listen(5000);
توجه داشته باشید: مطمئن شوید که سرور Express شما به برنامه React.js شما سرویس می دهد روی مسیر صحیح اگر برنامه شما می‌خواهد از مسیر دیگری بارگیری شود، ممکن است به خطای «فعال کردن جاوا اسکریپت برای اجرای این برنامه» منجر شود.
سرورهای استاتیک
اگر پس از راه‌اندازی صحیح پراکسی React.js و سرور Express خود همچنان با خطا مواجه می‌شوید، ممکن است بخواهید از یک سرور استاتیک استفاده کنید. شما به راحتی می توانید با استفاده از بسته هایی مانند یک سرور استاتیک راه اندازی کنید serve. در اینجا روش انجام این کار آمده است:
ابتدا، نصب کنید serve بسته:
$ npm install -g serve
سپس، برنامه React.js خود را بسازید:
$ npm run build
در نهایت، برنامه خود را ارائه دهید:
$ serve -s build
این به برنامه شما سرویس می دهد روی یک سرور استاتیک، که باید به رفع خطای «فعال کردن جاوا اسکریپت برای اجرای این برنامه» کمک کند.
تأیید جاوا اسکریپت در مرورگر شما فعال است
قبل از اینکه به جزئیات روش فعال کردن جاوا اسکریپت در مرورگرهای مختلف بپردازیم، مهم است که ابتدا بررسی کنیم که آیا جاوا اسکریپت واقعاً غیرفعال است یا خیر. بسیاری از وب‌سایت‌های مدرن و برنامه‌های کاربردی وب به شدت متکی هستند روی جاوا اسکریپت برای ویژگی‌های تعاملی، و اگر غیرفعال باشد، می‌تواند به مشکلات عملکردی مانند خطای «فعال کردن جاوا اسکریپت برای اجرای این برنامه» منجر شود.
برای بررسی فعال بودن جاوا اسکریپت، می توانید از سایتی مانند بازدید کنید enable-javascript.com. این سایت به طور خودکار وضعیت جاوا اسکریپت مرورگر شما را بررسی می کند و نتیجه را در اختیار شما قرار می دهد.
روش فعال کردن جاوا اسکریپت در کروم
گوگل کروم، مانند اکثر مرورگرها، جاوا اسکریپت را به طور پیش فرض فعال کرده است. با این حال، اگر به دلایلی غیرفعال شده است، در اینجا روش فعال کردن مجدد آن آورده شده است:
- کروم را باز کرده و کلیک کنید روی منوی سه نقطه در گوشه سمت راست بالا.
- کلیک روی ‘تنظیمات’
- در بخش «حریم خصوصی و امنیت»، کلیک کنید روی “تنظیمات سایت”.
- در قسمت «محتوا»، کلیک کنید روی ‘جاوا اسکریپت’.
- مطمئن شوید که کلید «سایت‌ها می‌توانند از جاوا اسکریپت استفاده کنند» روشن است روی.
روش فعال کردن جاوا اسکریپت در فایرفاکس
فایرفاکس همچنین جاوا اسکریپت را به طور پیش فرض فعال کرده است. اگر باید آن را فعال کنید، مراحل زیر را دنبال کنید:
- فایرفاکس را باز کنید و تایپ کنید
about:configدر نوار آدرس، سپس Enter را فشار دهید. - یک اخطار خواهید دید page. کلیک روی “ریسک را بپذیر و ادامه بده”.
- در نوار جستجو تایپ کنید
javascript.enabled. - اگر مقدار در ستون “Value” “false” است، کلیک کنید روی دکمه جابجایی برای تغییر آن به “درست”.
توجه داشته باشید: به یاد داشته باشید، تغییر تنظیمات پیشرفته در فایرفاکس می تواند بر عملکرد و عملکرد مرورگر تأثیر بگذارد. فقط در صورتی تغییرات ایجاد کنید که از کاری که انجام می دهید مطمئن باشید!
روش فعال کردن جاوا اسکریپت در سافاری
برای فعال کردن جاوا اسکریپت در سافاری، مراحل زیر را دنبال کنید:
- Safari را باز کرده و کلیک کنید روی “Safari” در نوار منو در بالای صفحه نمایش.
- کلیک روی ‘Preferences’، سپس کلیک کنید روی برگه “امنیت”.
- کادر کنار «فعال کردن جاوا اسکریپت» را علامت بزنید.
پاکسازی Local ذخیره‌سازی، ذخیره‌سازی جلسه و کوکی‌ها
گاهی اوقات، خطای «فعال کردن جاوا اسکریپت برای اجرای این برنامه» را می‌توان با پاک کردن فضای ذخیره‌سازی محلی مرورگر، ذخیره‌سازی جلسه و کوکی‌ها برطرف کرد. این به این دلیل است که این گزینه‌های ذخیره‌سازی ممکن است حاوی داده‌های قدیمی یا نادرست باشند که باعث اختلال در عملکرد برنامه می‌شوند.
بیایید از طریق process پاک کردن این گزینه های ذخیره سازی در Google Chrome:
- مرورگر را باز کرده و کلیک کنید روی منوی سه نقطه در گوشه سمت راست بالا.
- «ابزارهای بیشتر» و سپس «ابزار توسعه‌دهنده» را انتخاب کنید.
- در توسعه دهنده console، به برگه “برنامه” بروید.
- در نوار کناری سمت چپ، “Local Storage، «Session Storage» و «Cookies» در بخش «Storage». کلیک روی هر یک از اینها، و سپس روی “پاک کردن” کلیک کنید تا همه داده ها حذف شوند.
در اینجا روش انجام یک کار برنامه نویسی با جاوا اسکریپت آمده است:
// Clear local storage
localStorage.clear();
// Clear session storage
sessionStorage.clear();
// Clear cookies
document.cookie.split(";").forEach((c) => {
document.cookie = c
.replace(/^ +/, "")
.replace(/=.*/, "=;expires=" + new Date().toUTCString() + ";path=/");
});
توجه داشته باشید: به یاد داشته باشید، پاک کردن فضای ذخیره‌سازی محلی، فضای ذخیره‌سازی جلسه و کوکی‌ها، همه داده‌های ذخیره‌شده را برای همه وب‌سایت‌ها حذف می‌کند، نه فقط آنهایی که باعث خطا می‌شوند. قبل از ادامه، مطمئن شوید که این همان کاری است که می خواهید انجام دهید.
نتیجه
در این مقاله، ما یک راه حل ساده و در عین حال موثر برای خطای «فعال کردن جاوا اسکریپت برای اجرای این برنامه» که گاهی اوقات توسعه دهندگان React را آزار می دهد، مورد بحث قرار داده ایم. با پاک کردن فضای ذخیره‌سازی محلی مرورگر، ذخیره‌سازی جلسه و کوکی‌ها، اغلب می‌توانیم این خطا را برطرف کنیم و برنامه‌مان را دوباره به آرامی اجرا کنیم. با این حال، مهم است که به خاطر داشته باشید که این روش تمام داده‌های ذخیره شده را برای هر وب‌سایت، نه فقط مشکل‌ساز، پاک می‌کند، بنابراین با احتیاط از آن استفاده کنید.
منتشر شده در 1403-01-03 05:40:03
