मैंने Vue.js + TypeScript सेटअप के न्यूनतम, काम करने वाले उदाहरण के लिए पूरे वेब पर खोज की है। "आधुनिक जावास्क्रिप्ट स्टैक" के साथ सामान्य रूप से, इनमें से अधिकतर ट्यूटोरियल या तो कुछ महीने पहले लिखे जाने के बावजूद या एक बहुत ही विशिष्ट सेटअप के आधार पर पुराने हैं। ऐसा करने के लिए कोई सामान्य, सत्यापन योग्य उदाहरण प्रतीत नहीं होता है।Vue.js और एकल फ़ाइल घटक के साथ टाइपस्क्रिप्ट का उपयोग कैसे करें?
- https://vuejs.org/v2/guide/typescript.html
- https://herringtondarkholme.github.io/2016/10/03/vue2-ts2/
- http://www.mindissoftware.com/Vue-Sample-in-Typescript/
- https://medium.com/@hayavuk/setting-vue-up-for-typescript-goodness-a6ddc4072f4f
- https://johnpapa.net/vue-typescript/
- https://alexjoverm.github.io/2017/06/28/Integrate-TypeScript-in-your-Vue-project/ :
यहाँ संसाधनों मैं माना जाता हैं
मैं जिस मूल टेम्पलेट का उपयोग करता हूं वह सभी डिफ़ॉल्ट विकल्पों के साथ vue-cli init webpack
चलाकर प्रदान किया जाता है। चूंकि यह बहुत सारे कोड पैदा करता है, मैं यहां सबकुछ चिपका नहीं रहा हूं। अगर कुछ विशिष्ट अंशों की आवश्यकता है, तो मैं खुशी से प्रश्न अपडेट कर दूंगा। क्योंकि यह एसएफसी के साथ टाइपप्रति की स्थापना पर विचार नहीं करता
आधिकारिक Vue.js प्रलेखन मेरा उद्देश्य के लिए बेकार है। मैंने जो नवीनतम प्रयास किया वह सूची का अंतिम था। मैं सेटअप ठीक पीछा किया, लेकिन यह npm run dev
पर निम्न त्रुटि में मुझे चलाता है:
[tsl] ERROR in /Users/[REDACTED]/ts-test/src/main.ts(12,3)
TS2345: Argument of type '{ el: string; router: any; template: string; components: { App: { name: string; }; }; }' is not assignable to parameter of type 'ComponentOptions<Vue, DefaultData<Vue>, DefaultMethods<Vue>, DefaultComputed, PropsDefinition<Rec...'.
Object literal may only specify known properties, and 'router' does not exist in type 'ComponentOptions<Vue, DefaultData<Vue>, DefaultMethods<Vue>, DefaultComputed, PropsDefinition<Rec...'.
किसी को भी क्यों ऐसा होता है और यह कैसे हल करने पर कुछ रोशनी डालेगी कर सकते हैं? अभी तक बेहतर, मैं बहुत ज्यादा एक संक्षिप्त, कम से कम, कदम-दर-कदम कैसे webpack
टेम्पलेट के साथ एक काम Vue.js + टाइपप्रति विन्यास स्थापित करने के लिए के उदाहरण का स्वागत करते हैं चाहते।
मैंने पहले ही सफलतापूर्वक कई ग्राहक परियोजनाएं पूरी की हैं जो वेनिला जावास्क्रिप्ट के साथ Vue.js में उत्पादन में चलती हैं लेकिन Vue.js के साथ संयोजन में यह टाइपस्क्रिप्ट टूलिंग सिर्फ मेरे बाहर नरक को भ्रमित करती है।
यहाँ हैलो में उल्लेख किया टाइपप्रति के साथ एक टेम्पलेट आशा अपने https://github.com/morganster में मदद करता है/vue-ts-webpack-template – Morganster
दुर्भाग्य से अब, क्योंकि यह वू राउटर भाग का ख्याल नहीं रखता है। – herrbischoff
चूंकि यह अभी खड़ा है, सभी उदाहरण या तो फूले हुए और जटिल हैं या खाते में vue-राउटर/vuex नहीं लेते हैं। मैं इस सेटअप के साथ अपना धैर्य खोने वाला हूं। मैं शायद इसे पूरी तरह से छोड़ दूंगा और हमेशा के रूप में जारी रहूंगा। – herrbischoff