Feliz: प्रतिक्रिया घटक का नाम बदलने के बाद त्रुटि: ध्यान में न आया त्रुटि: तत्व प्रकार अमान्य है: अपेक्षित एक स्ट्रिंग

हाय @theimowski मैंने हाल ही में इसका भी सामना किया है। मुझे इस पर गौर करना होगा लेकिन हो सकता है कि @alfonsogarciacaro इसके बारे में अधिक जानता हो। क्या आप नवीनतम Fable v3.1.10 का उपयोग करने का भी प्रयास कर सकते हैं? टेम्पलेट 3.1.5 . पर है

एक कल्पित मुद्दा की तरह लग रहा है

क्या आप कृपया 3.1.11 के साथ प्रयास कर सकते हैं? यह संभवतः https://github.com/fable-compiler/Fable/issues/2413 . से संबंधित है

मैंने पुष्टि की है कि समस्या v3.1.11 के रूप में तय की गई है, इसलिए @theimowski क्या आप इसे भी आज़मा सकते हैं?

यह अभी भी पूरी तरह से कल्पित 3.1.11 में अपेक्षित रूप से काम नहीं करता है।

इसकी थोड़ी और जांच करने की कोशिश की जा रही है:

1. बदलें HelloWorld -> HelloWorlds लेकिन केवल App.fs में:

Compiling src/App.fsproj...
F# compilation finished in 17ms

Fable compilation finished in 31ms
/Users/theimowski/sandbox/feliz/rename/src/Main.fs(9,1): (12,2) error FSHARP: A unique overload for method 'render' could not be determined based on type information prior to this program point. A type annotation may be needed.

Known types of arguments: 'a * Browser.Types.HTMLElement

Candidates:
 - static member ReactDOM.render : element:(unit -> Fable.React.ReactElement) * container:Browser.Types.HTMLElement -> 'a0
 - static member ReactDOM.render : element:Fable.React.ReactElement * container:Browser.Types.HTMLElement -> 'a (code 41)
/Users/theimowski/sandbox/feliz/rename/src/Main.fs(10,9): (10,19) error FSHARP: The value, constructor, namespace or type 'HelloWorld' is not defined. Maybe you want one of the following:
   HelloWorlds (code 39)
Watching src
ℹ ｢wdm｣: Compiling...
⚠ ｢wdm｣: assets by status 3.64 MiB [cached] 1 asset
assets by path *.js 71.9 KiB
  asset app.js 66.3 KiB [emitted] (name: app)
  asset app.cf083007398aca78c7c4.hot-update.js 5.54 KiB [emitted] [immutable] [hmr] (name: app)
asset app.cf083007398aca78c7c4.hot-update.json 27 bytes [emitted] [immutable] [hmr]
Entrypoint app 3.71 MiB = vendors.js 3.64 MiB app.js 66.3 KiB app.cf083007398aca78c7c4.hot-update.js 5.54 KiB
cached modules 1.38 MiB [cached] 74 modules
runtime modules 29.3 KiB 13 modules
./src/App.fs.js 2.75 KiB [built] [code generated]

WARNING in ./src/Main.fs.js 8:35-45
export 'HelloWorld' (imported as 'HelloWorld') was not found in './App.fs.js' (possible exports: HelloWorlds)

webpack 5.14.0 compiled with 1 warning in 139 ms
ℹ ｢wdm｣: Compiled with warnings.

एक FSHARP संकलन त्रुटि है, लेकिन वेबपैक संकलित करता है और त्रुटि को एक चेतावनी के रूप में मानता है, WDS पृष्ठ को ताज़ा करता है और आप स्क्रीन पर प्रस्तुत विषय में प्रतिक्रिया त्रुटि देख सकते हैं

1. बदलें HelloWorld -> HelloWorlds में Main.fs : संकलन सफल, लेकिन प्रतिक्रिया विफल हो जाती है और त्रुटि देव कंसोल में लॉग हो जाती है

2. पृष्ठ को ताज़ा करें - बाद में ठीक काम करता है

यह किसी प्रकार की दौड़ की स्थिति का मुद्दा हो सकता है, फेलिज टेम्पलेट पर यदि आप एक ही समय में दोनों फाइलों में नाम बदलते हैं, तो यह आमतौर पर ठीक काम करेगा, हालांकि थोड़ी बड़ी परियोजना पर, घटक का नाम बदलने पर मैं लॉग में निम्नलिखित व्यवहार देख सकता हूं (नोट बीच में चेतावनी):

Compiling src/Client/Client.fsproj...
F# compilation finished in 67ms
Compiled src/Client/App.fsℹ ｢wdm｣: Compiling...
⚠ ｢wdm｣: Hash: 615d2643d48416b2ff41
Version: webpack 4.43.0
Time: 456ms
Built at: 03/17/2021 9:30:04 PM
                                 Asset       Size  Chunks                               Chunk Names
app.e781f5f7185376d5a0d3.hot-update.js    9.4 KiB     app  [emitted] [immutable] [hmr]  app
                                app.js   4.69 MiB     app  [emitted]                    app
  e781f5f7185376d5a0d3.hot-update.json   45 bytes          [emitted] [immutable] [hmr]
                            index.html  670 bytes          [emitted]
 + 1 hidden asset
Entrypoint app = vendors~app.js app.js app.e781f5f7185376d5a0d3.hot-update.js
[./src/Client/App.fs.js] 1.32 KiB {app} [built]
    + 382 hidden modules

WARNING in ./src/Client/App.fs.js 28:21-32
"export 'HelloWorlds' was not found in './Index.fs.js'
Child html-webpack-plugin for "index.html":
     1 asset
    Entrypoint undefined = index.html
       4 modules
ℹ ｢wdm｣: Compiled with warnings.

Fable compilation finished in 1635ms
Compiled src/Client/Index.fsWatching src
ℹ ｢wdm｣: Compiling...
ℹ ｢wdm｣: Hash: 837f9683f0ac04dcc729
Version: webpack 4.43.0
Time: 820ms
Built at: 03/17/2021 9:30:06 PM
                                 Asset       Size  Chunks                               Chunk Names
  615d2643d48416b2ff41.hot-update.json   45 bytes          [emitted] [immutable] [hmr]
app.615d2643d48416b2ff41.hot-update.js    141 KiB     app  [emitted] [immutable] [hmr]  app
                                app.js   4.69 MiB     app  [emitted]                    app
                            index.html  670 bytes          [emitted]
 + 1 hidden asset
Entrypoint app = vendors~app.js app.js app.615d2643d48416b2ff41.hot-update.js
[./src/Client/Index.fs.js] 29.5 KiB {app} [built]
    + 382 hidden modules
Child html-webpack-plugin for "index.html":
     1 asset
    Entrypoint undefined = index.html
       4 modules
ℹ ｢wdm｣: Compiled successfully.

@theimowski मुझे लगता है कि यह वास्तव में फास्ट-रीफ्रेश प्लगइन के लिए एक एज केस हो सकता है जहां इसे एंट्री पॉइंट फ़ाइल को बदलने पर एक पूर्ण पृष्ठ रीफ्रेश ट्रिगर करना चाहिए।

मुझे कभी-कभी सिद्धांत की पुष्टि करने की आवश्यकता होती है: समस्या तब नहीं होगी जब संदर्भित घटक प्रवेश बिंदु फ़ाइल में नहीं है। इसलिए यदि आपके पास App.fs -> Middle.fs -> Main.fs (प्रवेश बिंदु) है और आप केवल App.fs या Middle.fs बदलते हैं

क्या आप इसे भी आजमा सकते हैं?

@theimowski मैंने प्रतिक्रिया-ताज़ा # 330 . पर इस मुद्दे को क्रॉसपोस्ट किया है

प्रतिक्रिया-ताज़ा नवीनतम वेबपैक का उपयोग करते समय होता है, इसलिए जब तक समस्या हल नहीं हो जाती है और v3.6 के रूप में एक काम कर रहे फ़ेलिज़ टेम्पलेट (अब अधिक उदाहरण घटकों के साथ) प्रकाशित होने तक मैं वेबपैक v4 पर वापस आ गया हूं।

धन्यवाद - हाँ वास्तव में नए फ़ेलिज़ टेम्पलेट का उपयोग करके रीफ्रेश समस्या समाप्त हो गई है।
क्या आपको नहीं लगता कि यह बेहतर होगा यदि एफ # संकलन त्रुटि वेबपैक रीफ्रेश में विफल रही? या कुछ हासिल करना मुश्किल है?
Fable 2.* और webpack dev सर्वर के साथ वापस, जब F# कंपाइल एरर था, तो रिफ्रेश ट्रिगर नहीं होगा।

क्या आपको नहीं लगता कि यह बेहतर होगा यदि एफ # संकलन त्रुटि वेबपैक रीफ्रेश में विफल रही? या कुछ हासिल करना मुश्किल है?

यह असंभव नहीं है: शायद जेएस कोड को उत्सर्जित करने की आवश्यकता है कि _intentionally_ में वेबपैक क्या कर रहा है, इसे तोड़ने के लिए कुछ वाक्यविन्यास त्रुटियां हैं लेकिन मुझे संदेह है कि कोई भी चाहता है (विशेष रूप से @alfonsogarciacaro)

मुझे लगता है कि वर्तमान स्थिति ठीक है क्योंकि जब वेबपैक एक चेतावनी का उत्सर्जन कर रहा है, तो Fable एक त्रुटि का उत्सर्जन कर रहा है जिसे ठीक करना डेवलपर के लिए एक उच्च प्राथमिकता है। एक बार Fable (संकलन) त्रुटि ठीक हो जाने पर, वेबपैक चेतावनी भी गायब हो जाती है। क्या मैं कुछ भूल रहा हूँ?

मेरी व्यक्तिगत प्राथमिकता यह होगी कि एक असफल कदम के परिणामस्वरूप उन चरणों को निष्पादित नहीं किया जाता है - अन्यथा आप अपने ब्राउज़र में सामग्री को ताज़ा करते हुए देख सकते हैं और आप मूर्ख हो सकते हैं कि सब कुछ ठीक है, जबकि आपका एफ # कोड वास्तव में संकलित नहीं हो रहा है।

लेकिन प्रतिक्रिया-ताज़ा आपको ब्राउज़र पर एक त्रुटि संदेश के साथ लाल रंग में एक त्रुटि पृष्ठ दिखाएगा, भले ही टर्मिनल वेबपैक चेतावनी दिखाता हो

मैं देखता हूँ - ठीक है, उस स्थिति में यह ठीक है।
केवल एक ही मुद्दा है जो आपने https://github.com/pmmmwh/react-refresh-webpack-plugin/issues/330 में वर्णित किया है