Razzle: डोकर देव कंटेनर में चलाने के लिए चकाचौंध प्राप्त करना

को निर्मित 1 दिस॰ 2017 · 3टिप्पणियाँ · स्रोत: jaredpalmer/razzle

इस रेपो में मुद्दों को खोजने से, ऐसा लगता है कि कुछ योगदानकर्ता डॉकर का उपयोग करने से परिचित हैं, इसलिए शायद कोई मुझे थोड़ी मदद दे सके। मैं डोकर के साथ एक विकास कार्यप्रवाह स्थापित करने की कोशिश कर रहा हूँ और एक डोकर कंटेनर के अंदर प्रतिक्रिया के साथ एचएमआर करने में सक्षम हो। लक्ष्य बेस रैज़ल-क्रिएट-ऐप प्रोजेक्ट की अधिक हैकिंग के बिना एक कार्यशील समाधान प्राप्त करना है। मैंने अपना dockerfile निम्नलिखित के रूप में बनाया है:

FROM node:6

WORKDIR /home/node/app

EXPOSE 3000
EXPOSE 3001

CMD ["npm", "start"]

तो मैं कंटेनर को देव निर्देशिका के साथ शुरू कर रहा हूं जो वॉल्यूम के रूप में आरोहित है
docker run --name hmr-test -d -p 8080:3000 -p 3001:3001 -v C:\Users\charles\Desktop\docker-hmr-test\ui-service:/home/node/app docker-hmr

ऐप चलता है और सही ढंग से प्रदर्शित होता है, लेकिन रैज़ल स्थानीय फाइल सिस्टम पर किए गए किसी भी बदलाव को नहीं उठाता है। अगर मैं कंटेनर में बैश चलाता हूं और फाइलों को कैट करता हूं, तो मैं देख सकता हूं कि वे सही तरीके से अपडेट हो रहे हैं और कंटेनर में सही डायरेक्टरी से रैज़ल शुरू हो रहा है, तो रैज़ल फाइलों को क्यों नहीं पहचानता और पुनर्निर्माण करता है?

स्रोत

alexjoyner

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

इस मुद्दे को डॉकर में चल रही एक समस्या की जानकारी के साथ करना है। विंडोज़ वातावरण से एक कंटेनर चलाना मूल कार्यक्षमता के साथ फ़ाइल ईवेंट को डॉकर कंटेनर में संचार नहीं करता है। वर्तमान कार्य-आसपास जब तक मूल कार्यक्षमता लागू नहीं की जाती है, तब तक डॉकर कंटेनर में वेबपैक मतदान का उपयोग करना है ताकि वेबपैक को फ़ाइल सिस्टम परिवर्तनों के लिए मतदान करने की अनुमति मिल सके। इसलिए, अपडेट देखने के लिए एचएमआर प्राप्त करने के लिए आपको इसे razzle.config.js फ़ाइल में जोड़ना होगा:

       if(config.devServer){
            config.devServer.watchOptions['poll'] = 1000;
            config.devServer.watchOptions['aggregateTimeout'] = 300;
        }

@jaredpalmer अगर यह ऐसा कुछ है जिसके लिए आप एक फीचर शाखा बनाना चाहते हैं, तो मैं पीआर के लिए कुछ काम कर सकता हूं। बस मुझे पता है। इस शानदार स्टार्टर किट को बनाने के लिए धन्यवाद।

alexjoyner 3 दिस॰ 2017

🎉3

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

       if(config.devServer){
            config.devServer.watchOptions['poll'] = 1000;
            config.devServer.watchOptions['aggregateTimeout'] = 300;
        }

alexjoyner 3 दिस॰ 2017

🎉3

@alexjoyner पवित्र मोली। इसका पता लगाने के लिए धन्यवाद। मैं जावास्क्रिप्ट लड़का नहीं हूं इसलिए इससे मुझे एक टन मदद मिली।

AlexMorreale 8 दिस॰ 2017

👍2

config मेरे लिए काम नहीं किया। ऐसा लगता है कि यह अपडेट हो रहा है लेकिन ब्राउज़र में नहीं दिख रहा है।

निम्नलिखित लॉग स्टार्टअप और फ़ाइल में परिवर्तन दिखाता है।

0|razzle   |
0|razzle   | > [email protected] start /app/razzle/razzle
0|razzle   | > razzle start
0|razzle   |
0|razzle   |  WAIT  Compiling...
0|razzle   |
0|razzle   | ℹ Compiling Client
0|razzle   | ℹ ｢wds｣: Project is running at http://apps.syntapse.co.uk:3001/
0|razzle   | ℹ ｢wds｣: webpack output is served from undefined
0|razzle   | ℹ ｢wds｣: Content not from webpack is served from /app/razzle/razzle
0|razzle   | ℹ ｢wds｣: 404s will fallback to /index.html

0|razzle  | ✔ Client: Compiled successfully in 8.28s
0|razzle  | ℹ Compiling Server
0|razzle  | ✔ Server: Compiled successfully in 765.85ms
0|razzle  | Warning: Please use `require("react-router-dom").Route` instead of `require("react-router-dom/Rout0|razzle  | Warning: Please use `require("react-router-dom").Switch` instead of `require("react-router-dom/Swi0|razzle  | ✅  Server-side HMR Enabled!
0|razzle  | 🚀 started
0|razzle  | ℹ Compiling Server
0|razzle  | ✔ Server: Compiled successfully in 88.70ms
0|razzle  | 🔁  HMR Reloading `./server`...
0|razzle  | [HMR] Updated modules:
0|razzle  | [HMR]  - ./src/Home.js
0|razzle  | [HMR]  - ./src/App.js
0|razzle  | [HMR]  - ./src/server.js
0|razzle  | [HMR] Update applied.
0|razzle  | ℹ Compiling Client
0|razzle  | ✔ Client: Compiled successfully in 73.55ms
0|razzle  | ℹ Compiling Client
0|razzle  | ✔ Client: Compiled successfully in 228.31ms

laurencefass 22 अक्तू॰ 2019

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

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

Razzle: डोकर देव कंटेनर में चलाने के लिए चकाचौंध प्राप्त करना

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

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

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