Vercel उपयोजनावर 'Could Not Find Chrome (ver. 130.0.6723.116)' दुरुस्त करणे

उपाय 1: Vercel वर Chrome योग्यरित्या स्थापित करण्यासाठी पपेटियर कॉन्फिगर करणे

हे Node.js-आधारित बॅकएंड सोल्यूशन क्रोम योग्यरितीने इंस्टॉल झाले आहे याची खात्री करण्यासाठी Puppeteer चे कॅशे पथ आणि इंस्टॉलेशन कमांड कॉन्फिगर करते.

const puppeteer = require('puppeteer');
const path = require('path');
const { v4: uuid } = require('uuid');
const fs = require('fs');

// Main screenshot function
const screenshot = async (req, res) => {
    const url = req.query.url;
    if (!url) {
        return res.status(400).json({ message: 'URL is required' });
    }

    let browser;
    try {
        // Launch Puppeteer with specific Chrome executable path and options
        browser = await puppeteer.launch({
            ignoreHTTPSErrors: true,
            executablePath: process.env.CHROME_PATH || '/opt/bin/chromium',
            args: ['--no-sandbox', '--disable-setuid-sandbox']
        });

        const page = await browser.newPage();
        await page.goto(url, { waitUntil: 'networkidle2' });
        await page.setViewport({ width: 1920, height: 1080 });

        const fileName = \`${uuid()}.png\`;
        const screenshotPath = path.join(__dirname, '..', 'public', fileName);
        await page.screenshot({ path: screenshotPath });

        res.json({ screenshotPath: \`/image/\${fileName}\` });
    } catch (err) {
        console.error('Error capturing screenshot:', err);
        res.status(500).json({ error: 'Failed to capture screenshot' });
    } finally {
        if (browser) await browser.close();
    }
};

module.exports = screenshot;

उपाय 2: .puppeteerrc.cjs फाइलसह वर्सेलसाठी सानुकूल पपेटियर कॉन्फिगरेशन

हे समाधान Chrome कॅशे पथ निर्दिष्ट करण्यासाठी आणि Vercel च्या फाइल संरचनेशी सुसंगतता सुनिश्चित करण्यासाठी Puppeteer ची कॉन्फिगरेशन फाइल (.puppeteerrc.cjs) समायोजित करते.

१

उपाय 3: पपेटियरसाठी package.json मध्ये पर्यावरण परिवर्तने आणि स्क्रिप्ट्सची अंमलबजावणी करणे

हा दृष्टिकोन सुधारित करतो package.json विशिष्ट Chrome बायनरी स्थापित करण्यासाठी आणि तैनाती दरम्यान स्वयंचलितपणे पपेटियर कॉन्फिगरेशन सेट करण्यासाठी फाइल.

// Add to package.json
"scripts": {
    "postinstall": "npx puppeteer install --path ./.cache/puppeteer",
    "start": "node index.js"
}

// Configure environment variable in Vercel
process.env.CHROME_PATH = "/opt/bin/chromium";

पपेटियर स्क्रीनशॉट कार्यक्षमतेसाठी युनिट चाचणी

ही Node.js Mocha चाचणी स्क्रिप्ट विविध वातावरणात URL वरून स्क्रीनशॉट कॅप्चर करण्याची पपेटियरची क्षमता सत्यापित करते.

const chai = require('chai');
const chaiHttp = require('chai-http');
const app = require('../app'); // Express app where screenshot endpoint is defined

chai.use(chaiHttp);
const expect = chai.expect;

describe('Screenshot API', () => {
    it('should return an error for missing URL parameter', (done) => {
        chai.request(app)
            .get('/screenshot')
            .end((err, res) => {
                expect(res).to.have.status(400);
                expect(res.body).to.have.property('message').eql('URL is required');
                done();
            });
    });

    it('should capture a screenshot successfully for a valid URL', (done) => {
        chai.request(app)
            .get('/screenshot?url=https://example.com')
            .end((err, res) => {
                expect(res).to.have.status(200);
                expect(res.body).to.have.property('screenshotPath');
                done();
            });
    });
});

पपेटियर आणि क्लाउड उपयोजनांबद्दल सामान्य प्रश्न

1. मला क्लाउड प्लॅटफॉर्मवर “क्रोम सापडत नाही” एरर का मिळतात?
2. क्लाउड प्लॅटफॉर्ममध्ये डीफॉल्टनुसार संपूर्ण Chrome बायनरी समाविष्ट नसल्यामुळे या त्रुटी अनेकदा उद्भवतात. आपण निर्दिष्ट करून याचे निराकरण करू शकता १ तुमच्या Puppeteer सेटअप मध्ये.
3. पपेटियर स्थानिक आणि क्लाउड दोन्ही वातावरणात काम करत असल्याची खात्री मी कशी करू शकतो?
4. वापरत आहे १ आणि args सारख्या ढग-अनुकूल ध्वजांसह --no-sandbox तुमचा सेटअप दोन्ही वातावरणासाठी पुरेसा लवचिक बनवू शकतो.
5. काय करते --no-sandbox कठपुतळी मध्ये ध्वज करू?
6. द --no-sandbox ध्वज Chrome ची सँडबॉक्स सुरक्षा अक्षम करते, जे सँडबॉक्सिंगला समर्थन देत नसलेल्या क्लाउड सेवांवर पपेटियरला चालवण्याची परवानगी देते, परंतु ते सावधगिरीने वापरले पाहिजे.
7. मला प्रथा कशाला हवी आहे cacheDirectory कठपुतळीसाठी?
8. सानुकूल सेट करणे cacheDirectory Puppeteer ज्ञात ठिकाणी Chrome बायनरी डाउनलोड करते याची खात्री करते, जे तैनातीदरम्यान त्रुटी टाळू शकते, विशेषतः सर्व्हरलेस वातावरणात.
9. चा उद्देश काय आहे networkidle2 मध्ये पर्याय goto पद्धत?
10. द networkidle2 पर्याय दोनपेक्षा जास्त सक्रिय नेटवर्क कनेक्शन्स होईपर्यंत प्रतीक्षा करतो. पूर्ण लोड केलेले पृष्ठ कॅप्चर करण्यासाठी आणि डायनॅमिक सामग्री हाताळण्यासाठी हे उपयुक्त आहे.
11. निर्दिष्ट Chrome आवृत्तीशिवाय पपेटियर कार्य करू शकते?
12. होय, परंतु ते निर्दिष्ट करण्याची शिफारस केली जाते १ आणि क्लाउड सेटअपमध्ये सातत्यपूर्ण परिणामांसाठी सुसंगत Chrome आवृत्ती प्रवेशयोग्य असल्याची खात्री करा.
13. मी वेगवेगळ्या वातावरणात पपेटियर कॅशे कसे व्यवस्थापित करू?
14. आपण एक सार्वत्रिक निर्दिष्ट करू शकता cacheDirectory मध्ये २१ फाइल, पपेटियरला Vercel आणि Heroku सारख्या प्लॅटफॉर्मवर Chrome बायनरी शोधण्याची परवानगी देते.
15. आहे puppeteer-core पेक्षा वेगळे puppeteer?
16. होय, puppeteer-core आकार कमी करण्यासाठी बंडल केलेले Chrome वगळते, त्यामुळे तुम्हाला Chrome बायनरी निर्दिष्ट करणे आवश्यक आहे. पूर्ण puppeteer पॅकेजमध्ये आपोआप Chrome समाविष्ट आहे.
17. मेघ वातावरणात पपेटियर मंद असल्यास मी काय करावे?
18. ऑप्टिमाइझ करत आहे २६ सेटिंग्ज आणि अनावश्यक पर्याय अक्षम करणे जसे २७ संसाधन-प्रतिबंधित वातावरणात कार्यप्रदर्शन सुधारू शकते.
19. पपेटियर सर्व क्लाउड प्रदात्यांशी सुसंगत आहे का?
20. सामान्यतः, होय, परंतु प्रत्येक प्रदात्याला अद्वितीय आवश्यकता असू शकतात. क्लाउड-फ्रेंडली सेटिंग्ज वापरणे जसे --no-sandbox उत्तम सुसंगतता सुनिश्चित करते.

वर्सेलवर पपेटियर चालवण्याबाबतचे अंतिम विचार

Vercel वर Puppeteer यशस्वीरित्या उपयोजित करण्यासाठी Chrome साठी विशिष्ट सेटअप गरजा समजून घेणे आवश्यक आहे. निर्दिष्ट करत आहे लाँच पर्याय आणि Puppeteer चे कॅशे पथ योग्यरित्या कॉन्फिगर केल्याने निराशाजनक "Chrome शोधू शकले नाही" त्रुटी टाळण्यास मदत होते. हे ऍडजस्टमेंट स्थानिक आणि क्लाउड दोन्ही वातावरणात पपेटियर फंक्शन्सची खात्री करतात. 🚀

एकदा तुम्ही या सोल्यूशन्सला तुमच्या प्रोजेक्टशी जुळवून घेतल्यानंतर, वापरकर्त्याने प्रदान केलेल्या URL मधून स्क्रीनशॉट कॅप्चर करणे अधिक डायनॅमिक वेब अनुप्रयोगांना अनुमती देऊन अखंड होते. योग्य सेटअपसह, पपेटियर हे ऑटोमेशन आणि वेब स्क्रॅपिंगसाठी एक अमूल्य साधन आहे, अगदी Vercel सारख्या सर्व्हरलेस प्लॅटफॉर्मवरही.