Electron: संसाधन लोड करने में विफल: net::ERR_FILE_NOT_FOUND फ़ाइल:///D:/css/app.css

को निर्मित 25 मई 2015 · 26टिप्पणियाँ · स्रोत: electron/electron

मेरे पास आवेदन में ऐसी संरचना है:
file struct

मैं अपने index.html सिर में लिखता हूं:

<link rel="stylesheet" href="css/app.css"/>

इलेक्ट्रॉन चलाएं और त्रुटि प्राप्त करें:

capture
संसाधन लोड करने में विफल: net::ERR_FILE_NOT_FOUND फ़ाइल:///D:/css/app.css
कृपया सभी लोग मुझे बताएं, मुझे फ़ाइल का पथ कैसे सेट करना चाहिए?

स्रोत

RinatMullayanov

सबसे उपयोगी टिप्पणी

यदि index.html में <base href="/"> होने पर ऐसा होता है, तो बस इसे <base href="./"> बदलें।

Myrga 31 अक्तू॰ 2016

👍141 ❤56 🎉29 😄22 👎12 👀5 🚀5 😕2

सभी 26 टिप्पणियाँ

संबंधित मुद्दा: #1747।

lolmaus 25 मई 2015

👎44 😕4 👀2 😄2 🚀1 ❤1 🎉1 👍1

इस पथ समस्या को हल करने के वैकल्पिक तरीके के रूप में इसे आजमाएं:

<html>
  <head>
    <title></title>
  </head>
  <body>
    <script>
    var link = document.createElement('link')
    link.setAttribute('rel', 'stylesheet')
    link.setAttribute('href', require('path').join(__dirname, 'css', 'app.css'))
    document.head.appendChild(link)
    </script>
  </body>
</html>

shama 25 मई 2015

👍4 🚀1 ❤1

@ शमा स्निपेट के लिए धन्यवाद।
मुझे एक त्रुटि मिलती है क्योंकि इस त्रुटि के बिना <base href="/"> का उपयोग नहीं होता है।
नमूना कार्य https://github.com/RinatMullayanov/angular-boilerplate Branch इलेक्ट्रॉन ।

RinatMullayanov 25 मई 2015

👍25 ❤2

भी यही मुद्दा है। इलेक्ट्रॉन C:/ से संसाधनों को लोड करने का प्रयास करता है, सापेक्ष पथ काम नहीं कर रहा है।
पूर्ण पथ सेट करना कोई विकल्प नहीं है, यदि हम किसी अन्य पथ पर आवेदन रखेंगे तो फ़ाइलें लोड नहीं होंगी।

odragora 20 फ़र॰ 2016

मेरे पास कुछ फ़ॉन्ट प्राप्त करने में एक ही समस्या है

मैंने इसे अपने सीएसएस में जोड़ा है
<strong i="7">@import</strong> url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
मैंने इसे अपने एचटीएमएल में जोड़ने का भी प्रयास किया है:
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans" />

मैंने भी कोशिश की है:

<link rel="stylesheet" type="text/css" href="http//fonts.googleapis.com/css?family=Open+Sans" />

<link rel="stylesheet" type="text/css" href="https//fonts.googleapis.com/css?family=Open+Sans" />

लेकिन मुझे यह त्रुटि मिलती है:
Failed to load resource: net::ERR_CONNECTION_REFUSED

BesatZardosht 13 अप्रैल 2016

❤2

यदि index.html में <base href="/"> होने पर ऐसा होता है, तो बस इसे <base href="./"> बदलें।

Myrga 31 अक्तू॰ 2016

👍141 ❤56 🎉29 😄22 👎12 👀5 🚀5 😕2

@Myrga आप एक जीवन बचा रहे हैं। मैं अब 5 दिनों के लिए एक उत्तर की तलाश में हूं, इस पर कोई डॉक्टर नहीं, जब तक कि मैं इस पुरानी पोस्ट में नहीं आया। बहुत - बहुत धन्यवाद

guibot17 14 नव॰ 2016

ps: यदि आप यहां आए हैं और create-react-app का उपयोग कर रहे हैं, तो अपने package.json में "homepage": "./", डालने का प्रयास करें। (हालांकि स्पष्ट रूप से यह वर्तमान में समर्थित नहीं है, इसलिए आपके पास फोंट के साथ अन्य समस्याएं हो सकती हैं और ऐसे, जिनके लिए उन संपत्तियों को आपके/सार्वजनिक फ़ोल्डर में ले जाने की आवश्यकता हो सकती है)

johnmw 12 जन॰ 2017

👍24 ❤16 🚀9 🎉7 😄7

बहुत - बहुत धन्यवाद

breaded 17 फ़र॰ 2017

@BesatZardosht आपको अपने यूआरएल में एक टाइपो मिला है:

<link rel="stylesheet" type="text/css" href="https//fonts.googleapis.com/css?family=Open+Sans" />

होना चाहिए:

<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans" />

(नोट : )

anaisbetts 17 फ़र॰ 2017

यदि आप Webpack 2.x , React और/या Redux का उपयोग करके एक ही समस्या के साथ यहां हैं, तो एक मौका है कि यह आपकी समस्या का समाधान करेगा:

"publicPath" के लिए अपनी प्रोजेक्ट निर्देशिका खोजें और इसका मान / से ./ बदलें
सभी अलग-अलग उपलब्ध बॉयलरप्लेट्स के साथ यह सेटिंग अलग-अलग स्थानों में पाई जा सकती है, मेरे मामले में redux-cli का उपयोग करते हुए जो redux-starter-kit का उपयोग करता है, यह project.config.js :

publicPath: './',

इसके अलावा यदि आप Electron लिए निर्माण कर रहे हैं तो आपको वेबपैक target संपत्ति को जोड़ने/संशोधित करने की आवश्यकता हो सकती है।
खुश रहें!! मैं

mim-Armand 17 जून 2017

🎉3

एक ही समस्या थी, Myrga के समाधान ने काम किया। मुझे लगता है फ़ाइल प्रोटोकॉल का उपयोग करते समय पीसी के लिए / वैश्विक रूट निर्देशिका के रूप में विचार करना चाहिए। जबकि "./" वर्तमान फ़ोल्डर के सापेक्ष संदर्भ के रूप में काम करता है। बस एक अनुमान, पोर्ट 4200 पर http://प्रोटोकॉल का उपयोग करते समय (जहां मैं अपने एंगुलर 4 ऐप की सेवा करता हूं) सब कुछ "/" के साथ काम करता है। फ़ाइल प्रोटोकॉल के लिए "./" का उपयोग करना होगा

hexthedev 27 जुल॰ 2017

👍2

रिएक्ट में मेरे आवेदन का रीमेक बनाने का फैसला किया। एक बार जब मैंने अपनी परियोजना में फ़ाइल लोडर जोड़ा, तो मुझे यह समस्या फिर से मिलनी शुरू हो गई। webpack.config.js में publicPath प्रॉपर्टी को एक सापेक्ष पथ में बदलना (मेरे लिए ./app/ के बजाय/app/) ने समस्या को ठीक किया।

पीएस ऐसा लगता है कि देव सर्वर इससे नफरत करता है। यदि आप यह परिवर्तन करते हैं और वेबपैक देव सर्वर चलाना चाहते हैं तो यह परिवर्तन इसे भ्रमित करेगा। आपको सीधे इलेक्ट्रॉन में काम करने और देव सर्वर पर काम करने से आगे और पीछे स्विच करने की आवश्यकता होगी (इसका कारण मैं सीएसएस काम करना है, मुझे देव सर्वर तेज और अधिक स्थिर लगता है)

hexthedev 4 अग॰ 2017

आप html फ़ाइल को "वेब पेज के रूप में सहेजें" के रूप में सहेज सकते हैं और फिर क्रोम में खोलने का प्रयास कर सकते हैं।
यह मेरे लिए काम किया।

emirpoy 22 अग॰ 2017

👎14 👀3 😕1

कैसे हल करें " संसाधन लोड करने में विफल: नेट :: ERR_FILE_NOT_FOUND "
जब भी मैं "सीएसएस" का उपयोग करके कोई छवि जोड़ता हूं तो यह त्रुटि फेंकता है
न केवल छवि बल्कि फ़ॉन्ट फ़ाइल जैसी फ़ाइलें, यह वही त्रुटि देती है।

Tahawahid 20 जून 2018

@Tahawahid @RinatMullayanov
ऐसा इसलिए है क्योंकि आपकी सभी फाइलों को संबंधित ऐप पथ की बजाय स्थानीय फाइल सिस्टम से परोसा जा रहा है।
समाधान फ़ाइल प्रोटोकॉल को रोकना है। main.js फ़ाइल में निम्नलिखित परिवर्तन करें

Main.js

mainWindow = new BrowserWindow({width: 1100, height: 700, icon: __dirname + '/icon.ico'}) mainWindow.loadURL(url.format({ pathname:'index.html', protocol: 'file', slashes: true }))

app.on('ready', () => { protocol.interceptFileProtocol('file', (request, callback) => { const url = request.url.substr(7) /* all urls start with 'file://' */ callback({ path: path.normalize( ${__dirname}/${url} )}) }, (err) => { if (err) console.error('Failed to register protocol') }) createWindow() /* callback function */ })

itsaakashpatel 9 जुल॰ 2018

👍4

ए

rkmyowin 8 सित॰ 2018

👎6 👍2

@Tahawahid @RinatMullayanov
ऐसा इसलिए है क्योंकि आपकी सभी फाइलों को संबंधित ऐप पथ की बजाय स्थानीय फाइल सिस्टम से परोसा जा रहा है।
समाधान फ़ाइल प्रोटोकॉल को रोकना है। main.js फ़ाइल में निम्नलिखित परिवर्तन करें
Main.js
mainWindow = new BrowserWindow({width: 1100, height: 700, icon: __dirname + '/icon.ico'}) mainWindow.loadURL(url.format({ pathname:'index.html', protocol: 'file', slashes: true }))
app.on('ready', () => { protocol.interceptFileProtocol('file', (request, callback) => { const url = request.url.substr(7) /* all urls start with 'file://' */ callback({ path: path.normalize( ${__dirname}/${url} )}) }, (err) => { if (err) console.error('Failed to register protocol') }) createWindow() /* callback function */ })

मैं

xiaomizhou66 22 अप्रैल 2019

पथ मुद्दा। ब्राउज़र आपकी फ़ाइल को D:/css/app.css में खोजें। ऐसा इसलिए है क्योंकि आपके कोड में कहीं गलत रास्ते का उल्लेख किया गया है। यदि आपको /css/... जैसा पथ दिया गया है तो यह डी में खोजेगा:/

Yuresh 27 अप्रैल 2019

यह चाल भी चली। अंतर्दृष्टि के लिए श्री @itsaakashpatel के लिए धन्यवाद।

// ...
const { protocol } = require('electron')
// ... 
// run the next block right before <BrowserWindow>.loadFile()
const htmlRootDir = 'dist/'
const indexFile = 'index.html'

protocol.interceptFileProtocol(
    'file',
    (request, callback) => {
        const url = request.url.substr(7) // strip "file://" out of all urls
        if (request.url.endsWith(indexFile)) {
            callback({ path: url })
        } else {
            callback({ path: path.normalize(`${__dirname}/${htmlRootDir}/${url}`) })
        }
    }, 
    error => console.error(error) 
) 
// ...

अपनी अपेक्षाओं के लिए बस htmlRootDir और/या indexFile बदलें।
_लिनक्स पर परीक्षण किया गया_

leodutra 15 जुल॰ 2019

👍1

@Myrga मेरा दिन बचाने के लिए धन्यवाद। आपका जवाब पसंद आया :)

zearaez 16 जुल॰ 2019

@Myrga ठीक है, आप शायद इन चीजों को हार्ड-कोडिंग करने के बजाय "homepage": "./" में package.json सेट करेंगे।

defusioner 2 सित॰ 2019

👍4

@Myrga ठीक है, आप शायद इन चीजों को हार्ड-कोडिंग करने के बजाय "homepage": "./" में package.json सेट करेंगे।

कृपया @defusioner , क्या इस पर कोई दस्तावेज़ है?

leodutra 2 सित॰ 2019

@leodutra humm, मैं प्रतिक्रिया- https://create-react-app.dev/docs/deployment#build -for-relative-paths

defusioner 3 सित॰ 2019

@defusioner हम, जो बहुत कुछ बताता है।
ऐसा लगता है कि यह इलेक्ट्रॉन स्तर पर नहीं है, यह प्रतिक्रिया ऐप्स के लिए एक होमपेज है, जहां यह किसी भी रिश्तेदार या रूट लिंक के लिए डिफ़ॉल्ट रूट को बदल देगा।

मेरे मामले में, Vue.js dist या कच्चे इलेक्ट्रॉन का उपयोग करके, यह शायद काम नहीं करेगा।

मुझे लगता है कि इस पैकेज दृष्टिकोण को ध्यान में रखा जाना चाहिए... जैसे package.json . पर कुछ electronBasePath

leodutra 3 सित॰ 2019

मुझे लगता है कि win.loadFile('index.html') एक बकवास की तरह है! हम इसे electron-builder का उपयोग करके EXE फ़ाइल में संकलित करने के बाद। यह हमेशा DevTools failed to load SourceMap: Could not load content for file:///C:/User..../resources/app.asar/bootstrap.min.css.map दिखाएगा।

लेकिन win.loadURL() काम करता है।

मैंने यह पता लगाने के लिए 8 घंटे बिताए कि यह एक बग है जिसे मैं हल नहीं कर सकता।

तब मुझे एहसास हुआ कि यह बग महत्वपूर्ण नहीं है, क्योंकि नक्शा फ़ाइल वास्तव में आयात की जाती है।

मेरे लिए, असली बग alert() कारण हुआ था: https://stackoverflow.com/questions/56805920/cant-edit-input-text-field-after-window-alert

yingshaoxo 7 जून 2020

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Electron: संसाधन लोड करने में विफल: net::ERR_FILE_NOT_FOUND फ़ाइल:///D:/css/app.css

सबसे उपयोगी टिप्पणी

सभी 26 टिप्पणियाँ

Main.js

Main.js

संबंधित मुद्दों