Rollup-plugin-typescript2: इंटरफ़ेस घोषणाएं क्यों हटाई जाती हैं?

क्या यह रनटाइम त्रुटि है, या टाइपप्रति त्रुटि है? क्या आप पोस्ट कर सकते हैं कि आप इंटरफ़ेस को RenderedCell से कैसे निर्यात करते हैं?

बात यह है कि फ़ाइल बिल्कुल उत्पन्न नहीं होती है, और किसी अन्य प्रोजेक्ट में लाइब्रेरी का उपयोग करते समय यह विफल हो जाती है।

रुको, क्या आप RenderedCell इंटरफ़ेस उत्पन्न होने की उम्मीद कर रहे हैं? आपके द्वारा पोस्ट किए गए कोड से टाइपस्क्रिप्ट वर्तमान फ़ाइल के ऊपर एक निर्देशिका मौजूद होने के लिए RenderedCell.ts नाम की फ़ाइल की अपेक्षा करेगा और इसमें कुछ इस तरह शामिल होना चाहिए:

export interface RenderedCell 
{ 
    // ...
}

क्या आप अपनी परियोजना संरचना के बारे में अधिक जानकारी दे सकते हैं? (फ़ाइल ट्री, tsconfig, रोलअप कॉन्फ़िग, आदि)

हाँ मैं इसे उत्पन्न होने की उम्मीद कर रहा हूँ।

यहाँ मेरी विन्यास हैं:

निर्माण चल रहा है: rollup -c -f es -n sq-web-component-table -o dist/sq-web-component-table.es.min.js

मैंने पूरा पेड़ नहीं लगाया क्योंकि यह काफी बड़ा पुस्तकालय है और यह सिग्नल से ज्यादा शोर है। लेकिन आप पहले से ही देख सकते हैं कि जिले में कई फाइलें उत्पन्न नहीं हुई हैं।

import typescript from 'rollup-plugin-typescript2';
import uglify from 'rollup-plugin-uglify';
import { minify } from 'uglify-es';

export default {
    entry: './src/index.ts',
    dest: 'dist/sq-web-component-table.min.js',
    sourceMap: true,

    plugins: [
        typescript(),
        uglify({}, minify)
    ]
}

{
  "compilerOptions": {
    "target": "es5",
    "module": "es2015",
    "moduleResolution": "node",
    "declaration": true,
    "noImplicitAny": true,
    "noImplicitReturns": true,
    "outDir": "dist"
  },
  "include": [
    "src/**/*.ts"
  ],
  "exclude": [
    "dist",
    "node_modules",
    "**/*-test.ts"
  ]
}

import {RenderedElement} from "./RenderedElement";
import {RenderedRow} from "./RenderedRow";
export interface RenderedCell extends RenderedElement {
    isMergedCell(): boolean;
    getColspan(): number;
    setColspan(colspan: number): void;
    getParent(): RenderedRow;
}

.
├── src
│   ├── index.ts
│   └── table
│       ├── extensions
│       │   ├── base
│       │   │   ├── FirstTableExtension.ts
│       │   │   ├── LastTableExtension.ts
│       │   │   ├── SectionDispatcher.ts
│       │   │   ├── SectionManager.ts
│       │   │   └── SizeChangeMonitor.ts
│       │   ├── InvalidateEvent.ts
│       │   ├── InvalidateSizesEvent.ts
│       │   ├── RenderedCell.ts
│       │   ├── RenderedElement.ts
│       │   ├── RenderedRow.ts
│       │   ├── RenderedSection.ts
│       │   ├── RenderedTable.ts
│       │   ├── SectionClickedEvent.ts
│       │   ├── support
│       │   │   └── ...
│       │   ├── TableAttributes.ts
│       │   ├── TableExtensionChain.ts
│       │   ├── TableExtensionList.ts
│       │   └── TableExtension.ts
│       ├── model
│       │   └── ...
│       ├── TableRenderingOptions.ts
│       ├── Table.ts
│       ├── util
│       │   └── ...
│       └── view
│           └── ...
├── dist
│   ├── index.d.ts
│   ├── sq-web-component-table.es.min.js
│   ├── sq-web-component-table.es.min.js.map
│   ├── sq-web-component-table.min.js
│   ├── sq-web-component-table.min.js.map
│   └── table
│       ├── extensions
│       │   ├── base
│       │   │   ├── FirstTableExtension.d.ts
│       │   │   ├── LastTableExtension.d.ts
│       │   │   ├── SectionDispatcher.d.ts
│       │   │   ├── SectionManager.d.ts
│       │   │   └── SizeChangeMonitor.d.ts
│       │   ├── InvalidateEvent.d.ts
│       │   ├── InvalidateSizesEvent.d.ts
│       │   ├── RenderedRow.d.ts
│       │   ├── SectionClickedEvent.d.ts
│       │   ├── support
│       │   │   └── ...
│       │   ├── TableAttributes.d.ts
│       │   └── TableExtensionList.d.ts
│       ├── model
│       │   └── ...
│       ├── Table.d.ts
│       ├── util
│       │   └── ...
│       └── view
│           └── ...
├── node_modules
│   └── ...
├── __tests__
│   └── ...
├── package.json
├── rollup.config.js
└── tsconfig.json

ओह समझा। क्या लिब ओपनसोर्स किसी भी मौके से है?

उन विकल्पों के साथ निर्माण करने का प्रयास करें:

typescript({ verbosity: 2, clean: true }),

जांचें कि क्या आपके द्वारा अपेक्षित सभी फाइलें संसाधित की जा रही हैं। अगर अनायास ही डिक्लेरेशन जेनरेट होने लगें तो कहीं न कहीं कैश की समस्या है।

यदि आउटपुट में RenderedCell.ts का उल्लेख नहीं है ( rpt2: transpiling '...' ), वर्बोसिटी को 3 तक बढ़ाएं और जांचें कि क्या फ़ाइलें जो इसे आयात करने वाली हैं, वे ऐसा कर रही हैं। आपको कुछ इस तरह देखना चाहिए

rpt2: resolving '../RenderedCell'
rpt2:     to '...'

यदि समस्या स्पष्ट नहीं है, तो मैं कहीं और लॉगिंग जोड़ूंगा।

मुझे अच्छा लगेगा, भविष्य में हो सकता है :)

ट्रिक्स के लिए धन्यवाद, मैं इसे सोमवार को आजमाऊंगा।

यदि आप अपने tsconfig के कंपाइलरऑप्शन सेक्शन में declaration: false सेट करते हैं और फिर से कंपाइल करते हैं, तो क्या समस्या दूर हो जाती है? यदि हां, तो क्या टीएससी द्वारा रिपोर्ट की गई त्रुटि जिला निर्देशिका में किसी एक फाइल से संबंधित है? यदि आपका उत्तर दोनों के लिए हाँ है, तो क्या त्रुटि दूर हो जाती है यदि आप फ़ाइल में कुछ गैर-प्रकार के तर्क पेश करते हैं जिसमें RenderedCell फ़ाइल होती है जैसे कि एक साधारण फ़ंक्शन का निर्यात? यदि हाँ, तो इसका कारण यह है कि RenderedCell वाली फ़ाइल को अप्रयुक्त माना जाता है और टाइपस्क्रिप्ट इसके लिए कभी भी घोषणाएँ तैयार नहीं करेगा।

यदि यह सब आप पर लागू होता है, तो मुझे 2 विकल्प दिखाई देते हैं:

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

नमस्ते,

लंबी देरी के लिए खेद है, मैंने आपकी युक्तियों और युक्तियों की कोशिश की लेकिन मुझे अभी भी उत्पन्न इंटरफेस के लिए प्रकार की परिभाषा नहीं मिली।

मैंने कॉन्फ़िगरेशन को typescript({ verbosity: 3, clean: true }) बदल दिया।
उत्पन्न बिल्ड के आउटपुट में RenderedCell इंटरफ़ेस का एक भी उल्लेख नहीं है।

मुझे 100% यकीन है कि इस फ़ाइल की आवश्यकता है, क्योंकि पुस्तकालय के index.d.ts को सीधे इसकी और सभी फाइलों की आवश्यकता होती है लेकिन इंटरफेस उत्पन्न होते हैं, लेकिन इंटरफेस अभी भी index.d.ts के आयात में हैं फ़ाइल।

मैं यह देखने के लिए कोड में गोता लगाऊंगा कि क्या कोई विशेष कारण है कि वे फाइलें क्यों उत्पन्न नहीं होती हैं।

@wessberg मेरे बंडल के लिए घोषणाएं उत्पन्न करना एक विकल्प नहीं है क्योंकि यह एक पुस्तकालय है जो टाइपस्क्रिप्ट में लिखी गई एक बड़ी परियोजना का हिस्सा है, इसलिए यदि इसमें टाइपिंग नहीं है तो यह काम नहीं करता है।

इसलिए, मैंने कुछ जांच की और एक भंडार बनाया जो मेरे मामले को कॉन्फ़िगरेशन के न्यूनतम सेट के साथ पुन: पेश करता है: https://github.com/onigoetz/typescript-rollup-experiment

वेबपैक इसे कैसे काम करता है, इसकी तुलना करने के लिए मैंने एक वेबपैक कॉन्फ़िगरेशन भी शामिल किया।

समस्या के बारे में मेरी समझ यह है कि जब रोलअप-प्लगइन-टाइपस्क्रिप्ट 2 को फ़ाइल के संकलित संस्करण की आवश्यकता होती है (मान लें कि index.ts) टाइपस्क्रिप्ट संकलित फ़ाइलों और उसके आयात को वापस कर देगा, लेकिन आयात में इंटरफेस के बिना।

इसलिए रोलअप उन्हें कभी उत्पन्न नहीं करता है: यह उनके अस्तित्व के बारे में जागरूक नहीं है।

भंडार चलाने के लिए निर्देशिका के अंदर npm install && npm run build करें।

यदि आप जोड़ते हैं:
आपकी index.ts फ़ाइल में import "./SomeInterface"; (बिल्कुल उसी तरह, - बिना किसी नाम के बाइंडिंग), इसे काम करना चाहिए। क्या यह?

दुर्भाग्य से, रोलअप केवल घोषणा-पत्र वाली फाइलों जैसे कि केवल प्रकार की घोषणाओं वाली फाइलों के लिए प्लगइन्स के ट्रांसफॉर्म हैंडलर का आह्वान नहीं करता है। ऊपर दी गई चीज़ को काम करना चाहिए क्योंकि वह रोलअप को फ़ाइल का मूल्यांकन करने के लिए बाध्य करती है। यह समस्या: https://github.com/rollup/rollup-plugin-typescript/issues/28 बताता है कि यह समस्या कैसे और क्यों मौजूद है। सैद्धांतिक रूप से, हम प्रवेश बिंदु से आपके आवेदन की सभी निर्भरताओं को मैन्युअल रूप से हल कर सकते हैं और उन लोगों को निर्धारित कर सकते हैं जिनमें केवल प्रकार की घोषणाएं होती हैं, लेकिन ट्रांसफॉर्म हुक को लागू करने के लिए रोलअप को मजबूर करने का कोई तरीका नहीं है (अन्य स्पष्ट डाउनसाइड्स जैसे कि बहुत अधिक बिल्ड-स्टेप जटिलता )

मुझे डर है कि हम रोलअप को बदले बिना इसके बारे में बहुत कुछ नहीं कर सकते। मैंने वर्णित "हैक" को अभी के लिए काम करना चाहिए ।

हां, अभी चेक किया गया है, परीक्षण रेपो में import "./SomeInterface"; जोड़ने से चीजें ठीक हो जाती हैं।

केवल प्रकार आयात करते समय, टाइपस्क्रिप्ट जेएस आउटपुट से आयात विवरण को हटा देता है और रोलअप उन फ़ाइलों को नहीं देखता है और इस प्रकार उन्हें ट्रांसपिलिंग के लिए नहीं भेजता है।

मैं धोखा देने और मॉनिटर करने की कोशिश करूंगा कि कौन सी फाइल टाइपस्क्रिप्ट डिस्क से अनुरोध की गई है बनाम कौन सी फाइल रोलअप ट्रांसपिलिंग के लिए भेजी गई है। केवल ध्वज की परिभाषाओं के साथ अंतर को बल-पारदर्शी करना संभव होना चाहिए। इसके परिणामस्वरूप कुछ मामलों में बहुत अधिक d.ts फाइलें हो सकती हैं, हालांकि मैं (चीजों के लिए रोलअप वैध रूप से पेड़ से हिल गया है उदाहरण के लिए)

इसे देखने के लिए धन्यवाद, मैं यह भी जांचूंगा कि क्या मैं इसके लिए योगदान कर सकता हूं।

@onigoetz , ठीक है, मास्टर के साथ अपनी परियोजना का प्रयास करें। जांचें कि क्या सही घोषणाएं उत्पन्न हुई हैं, लेकिन यह भी जांचें कि कोई अप्रत्याशित नहीं है :)

बहुत बढ़िया, जब मैं सो रहा था तब आपने इसे ठीक कर दिया :)

मैंने इसका परीक्षण किया और यह लगभग ठीक काम करता है।

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

उदाहरण के तौर पे; अगर मेरे रेपो में तीन फाइलें हैं:

• index.ts आयात कर रहा है SomeInterface.ts
• SomeInterface.ts
• nongenerated.ts आयात कर रहा है SomeInterface.ts

nongenerated.ts को कभी भी संदर्भित नहीं किया जाता है लेकिन इसके प्रकार वैसे भी उत्पन्न होते हैं।

कूल, परीक्षण के लिए धन्यवाद। किसी अन्य समस्या की पुष्टि होने के बाद मैं इसे थोड़ी देर बाद जारी करूंगा।

हाँ रोलअप को दरकिनार करते हुए हम इतना कुछ नहीं कर सकते। आप उन फ़ाइलों को मैन्युअल रूप से exclude विकल्प में बाहर करने में सक्षम होना चाहिए, लेकिन यह एक खराब समाधान है।

ठीक है, अभी 0.5.1 में

अच्छी तरह से काम करें, बस tsconfig.json को कॉन्फ़िगर करें

{
    "compilerOptions": {
        "module": "es2015",
        "target": "es5",
        "declaration":true,
        "declarationDir": "lib",
        "typeRoots": [
            "node_modules/@six006",
            "node_modules/@types"
        ],
        "lib": [
            "es2015",
            "es2017",
            "es5"
        ],
    },
    "include": [
        "src/index.ts",
        "src/module/**/*.ts"
    ],
    "exclude": [
        "node_modules"
    ]
}

include अनुभाग आपको बताता है कि क्या उत्पन्न करना है

वाईएमएमवी लेकिन मुझे यह इस तरह काम करने के लिए मिला ...

इससे पहले

export type MyType = { ... };

बाद में

type MyType = { ... };

export { MyType }

इसके लायक क्या है, मैं रोलअप के बाद बस tsc --emitDeclarationOnly पर कॉल करता हूं, जो घोषणा फ़ाइलों को बिल्ड फ़ोल्डर में ओवरराइड करता है।
मेरे पैकेज में।json

"scripts": {
    "build": "rollup -c",
    "postbuild: "tsc --emitDeclarationOnly"
}