Rollup-plugin-typescript2: ENOENT: ऐसी कोई फ़ाइल या निर्देशिका नहीं, '...?rollup-plugin-vue=script.d.ts' खोलें

को निर्मित 7 जुल॰ 2018 · 11टिप्पणियाँ · स्रोत: ezolenko/rollup-plugin-typescript2

क्या होता है और क्यों गलत है

rollup-plugin-vue के साथ उपयोग करते समय यह त्रुटि प्राप्त करें जब declaration से true में tsconfig.json सेट करें।

Error: ENOENT: no such file or directory, open '<path to project directory>\dist\components\Hello.vue?rollup-plugin-vue=script.d.ts'

रेपो को रेपो: https://github.com/gluons/rollup-plugin-typescript2-issue-97

वातावरण

ओएस: विंडोज 10
नोड: v10.4.1
यार्न: 1.7.0

संस्करणों

टाइपप्रति: 2.8.4
रोलअप: 0.62.0
रोलअप-प्लगइन-टाइपस्क्रिप्ट2: 0.15.1

रोलअप.config.js

import { resolve } from 'path';

import ts from 'rollup-plugin-typescript2';
import vue from 'rollup-plugin-vue';

export default {
    input: resolve(__dirname, './src/index.ts'),
    output: [
        {
            file: resolve(__dirname, './dist/hello-plugin.umd.js'),
            format: 'umd',
            sourcemap: true,
            name: 'HelloPlugin',
            globals: {
                vue: 'Vue'
            }
        },
        {
            file: resolve(__dirname, './dist/hello-plugin.es.js'),
            format: 'es',
            sourcemap: true
        }
    ],
    plugins: [
        ts({
            verbosity: 3 // Debug
        }),
        vue()
    ],
    external: ['vue']
};

tsconfig.json

{
    "compilerOptions": {
        "module": "es2015",
        "moduleResolution": "node",
        "target": "es5",
        "lib": [
            "dom",
            "es2015"
        ],
        "esModuleInterop": true,
        "sourceMap": true,
        "declaration": true
    },
    "include": [
        "src"
    ]
}

पैकेज.जेसन

{
  "name": "rolup-vue-ts-issue",
  "version": "0.0.0",
  "description": "A repo to repro Rollup + Vue + TypeScript with declaration bundling issue.",
  "private": true,
  "scripts": {
    "prebuild": "rimraf dist/*",
    "build": "rollup -c rollup.config.ts"
  },
  "author": "Saran Tanpituckpong <[email protected]>",
  "license": "UNLICENSED",
  "devDependencies": {
    "@types/node": "8",
    "postcss": "^6.0.23",
    "rimraf": "^2.6.2",
    "rollup": "^0.62.0",
    "rollup-plugin-typescript2": "^0.15.1",
    "rollup-plugin-vue": "^4.3.0",
    "typescript": "~2.8",
    "vue-template-compiler": "^2.5.16"
  },
  "dependencies": {
    "vue": "^2.5.16"
  }
}

वर्बोसिटी के साथ प्लगइन आउटपुट 3

- वर्बोसिटी वर्बोसिटी जोड़ें: 3 प्लगइन विकल्पों में और यदि प्रासंगिक हो तो आउटपुट संलग्न करें (कुछ भी संवेदनशील सेंसर करें) -

rpt2: typescript version: 2.8.4
rpt2: tslib version: 1.9.2
rpt2: rollup-plugin-typescript2 version: 0.15.1
rpt2: plugin options:
{
    "verbosity": 3,
    "check": true,
    "clean": false,
    "cacheRoot": "C:\\Users\\Saran\\my-projects\\rolup-vue-ts-issue/.rpt2_cache",
    "include": [
        "*.ts+(|x)",
        "**/*.ts+(|x)"
    ],
    "exclude": [
        "*.d.ts",
        "**/*.d.ts"
    ],
    "abortOnError": true,
    "rollupCommonJSResolveHack": false,
    "typescript": "version 2.8.4",
    "useTsconfigDeclarationDir": false,
    "tsconfigOverride": {},
    "transformers": [],
    "tsconfigDefaults": {}
}
rpt2: rollup config:
{
    "external": [
        "vue",
        "",
        ""
    ],
    "inlineDynamicImports": false,
    "input": "C:\\Users\\Saran\\my-projects\\rolup-vue-ts-issue\\src\\index.ts",
    "chunkGroupingSize": 5000,
    "perf": false,
    "plugins": [
        {
            "name": "rpt2"
        },
        {
            "name": "VuePlugin"
        }
    ],
    "entry": "C:\\Users\\Saran\\my-projects\\rolup-vue-ts-issue\\src\\index.ts"
}
rpt2: built-in options overrides: {
    "noEmitHelpers": false,
    "importHelpers": true,
    "noResolve": false,
    "noEmit": false,
    "inlineSourceMap": false,
    "outDir": "C:\\Users\\Saran\\my-projects\\rolup-vue-ts-issue/.rpt2_cache/placeholder",
    "moduleResolution": 2,
    "declarationDir": "C:\\Users\\Saran\\my-projects\\rolup-vue-ts-issue"
}
rpt2: parsed tsconfig: {
    "options": {
        "module": 5,
        "moduleResolution": 2,
        "target": 1,
        "lib": [
            "lib.dom.d.ts",
            "lib.es2015.d.ts"
        ],
        "esModuleInterop": true,
        "sourceMap": true,
        "declaration": true,
        "noEmitHelpers": false,
        "importHelpers": true,
        "noResolve": false,
        "noEmit": false,
        "inlineSourceMap": false,
        "outDir": "C:\\Users\\Saran\\my-projects\\rolup-vue-ts-issue/.rpt2_cache/placeholder",
        "declarationDir": "C:\\Users\\Saran\\my-projects\\rolup-vue-ts-issue",
        "configFilePath": "C:\\Users\\Saran\\my-projects\\rolup-vue-ts-issue/tsconfig.json"
    },
    "fileNames": [
        "C:/Users/Saran/my-projects/rolup-vue-ts-issue/src/index.ts",
        "C:/Users/Saran/my-projects/rolup-vue-ts-issue/src/sfc.d.ts"
    ],
    "typeAcquisition": {
        "enable": false,
        "include": [],
        "exclude": []
    },
    "raw": {
        "compilerOptions": {
            "module": "es2015",
            "moduleResolution": "node",
            "target": "es5",
            "lib": [
                "dom",
                "es2015"
            ],
            "esModuleInterop": true,
            "sourceMap": true,
            "declaration": true
        },
        "include": [
            "src"
        ]
    },
    "errors": [],
    "wildcardDirectories": {
        "C:/Users/Saran/my-projects/rolup-vue-ts-issue/src": 1
    },
    "compileOnSave": false,
    "configFileSpecs": {
        "includeSpecs": [
            "src"
        ],
        "validatedIncludeSpecs": [
            "src"
        ],
        "wildcardDirectories": {
            "C:/Users/Saran/my-projects/rolup-vue-ts-issue/src": 1
        }
    }
}
rpt2: included:
'[
    "*.ts+(|x)",
    "**/*.ts+(|x)"
]'
rpt2: excluded:
'[
    "*.d.ts",
    "**/*.d.ts"
]'
rpt2: Ambient types:
rpt2:     C:/Users/Saran/my-projects/rolup-vue-ts-issue/src/sfc.d.ts
rpt2:     C:/Users/Saran/my-projects/rolup-vue-ts-issue/node_modules/@types/estree/index.d.ts
rpt2:     C:/Users/Saran/my-projects/rolup-vue-ts-issue/node_modules/@types/node/index.d.ts
rpt2: ambient types changed, redoing all semantic diagnostics
rpt2: transpiling 'C:\Users\Saran\my-projects\rolup-vue-ts-issue\src\index.ts'
rpt2:     cache: 'C:\Users\Saran\my-projects\rolup-vue-ts-issue/.rpt2_cache/022f423b186edc509d0bfc04874ea603a25c1eb2/code/cache/9d9555d93b34027372939bd4a0a4dc41c41e13ac'
rpt2:     cache miss
rpt2:     cache: 'C:\Users\Saran\my-projects\rolup-vue-ts-issue/.rpt2_cache/022f423b186edc509d0bfc04874ea603a25c1eb2/syntacticDiagnostics/cache/9d9555d93b34027372939bd4a0a4dc41c41e13ac'
rpt2:     cache miss
rpt2:     cache: 'C:\Users\Saran\my-projects\rolup-vue-ts-issue/.rpt2_cache/022f423b186edc509d0bfc04874ea603a25c1eb2/semanticDiagnostics/cache/9d9555d93b34027372939bd4a0a4dc41c41e13ac'
rpt2:     cache miss
rpt2: generated declarations for 'C:/Users/Saran/my-projects/rolup-vue-ts-issue/src/index.ts'
rpt2: transpiling 'C:\Users\Saran\my-projects\rolup-vue-ts-issue\src\components\Hello.vue?rollup-plugin-vue=script.ts'
rpt2:     cache: 'C:\Users\Saran\my-projects\rolup-vue-ts-issue/.rpt2_cache/022f423b186edc509d0bfc04874ea603a25c1eb2/code/cache/53ea992621b40f9ced3a2ea5f2f0b86e2cb028b1'
rpt2:     cache miss
rpt2:     cache: 'C:\Users\Saran\my-projects\rolup-vue-ts-issue/.rpt2_cache/022f423b186edc509d0bfc04874ea603a25c1eb2/syntacticDiagnostics/cache/53ea992621b40f9ced3a2ea5f2f0b86e2cb028b1'
rpt2:     cache miss
rpt2:     cache: 'C:\Users\Saran\my-projects\rolup-vue-ts-issue/.rpt2_cache/022f423b186edc509d0bfc04874ea603a25c1eb2/semanticDiagnostics/cache/53ea992621b40f9ced3a2ea5f2f0b86e2cb028b1'
rpt2:     cache miss
rpt2: generated declarations for 'C:/Users/Saran/my-projects/rolup-vue-ts-issue/src/components/Hello.vue?rollup-plugin-vue=script.ts'
rpt2: generating target 1
rpt2: rolling caches
rpt2: writing declarations for 'C:/Users/Saran/my-projects/rolup-vue-ts-issue/src/index.ts' to 'C:\Users\Saran\my-projects\rolup-vue-ts-issue\dist\index.d.ts'
rpt2: writing declarations for 'C:/Users/Saran/my-projects/rolup-vue-ts-issue/src/components/Hello.vue?rollup-plugin-vue=script.ts' to 'C:\Users\Saran\my-projects\rolup-vue-ts-issue\dist\components\Hello.vue?rollup-plugin-vue=script.d.ts'

स्रोत

gluons

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

ठीक है, अभी गुरु का प्रयास करो। अभी भी //# sourceMappingURL= और .d.ts.map मैप की समस्या है जो पूर्ण ब्लॉक नाम को संदर्भित करता है, जो संभवतः कुछ टूल को भ्रमित करेगा।

@znck क्या एक एकल Vue फ़ाइल में कई टाइपस्क्रिप्ट ब्लॉक हो सकते हैं और क्या Vue प्लगइन उन्हें अलग वर्चुअल मॉड्यूल में बदल देगा?

ezolenko 17 जुल॰ 2018

👍2 🎉1

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

अब मास्टर में तय किया जाना चाहिए - मैं अभी के लिए वू मॉड्यूल के लिए घोषणाओं को अनदेखा कर रहा हूं। एक अन्य विकल्प के बाद सब कुछ काट देना है? और मुझे लगता है कि *.vue.d.ts ।

ezolenko 9 जुल॰ 2018

👍1

ठीक। धन्यवाद। ‍
ENOENT त्रुटि अब चली गई है।

मुझे यकीन नहीं है कि Vue फ़ाइल से घोषणा महत्वपूर्ण है या नहीं।
शायद @znck कोई राय दे सकता है?
या कोई Vue + टाइपस्क्रिप्ट डेवलपर जो इस मुद्दे को देखता है?

gluons 10 जुल॰ 2018

मुझे यह भी घोषणा के साथ सत्य पर सेट मिलता है। मैं हालांकि vue प्लगइन का उपयोग नहीं कर रहा हूँ। मुझे लगता है कि ऐसा इसलिए है क्योंकि मेरे फ़ाइल पथ में आपके पिछले सुधार के आधार पर एक स्थान है।

wenbei 12 जुल॰ 2018

@hollyleaves क्या आप विवरण पोस्ट कर सकते हैं या एक अलग मामला खोल सकते हैं? स्थान एक मान्य वर्ण होना चाहिए।

ezolenko 12 जुल॰ 2018

घोषणा पत्र महत्वपूर्ण हैं।
@ezolenko @gluons क्या आप मुझे बता सकते हैं कि घोषणा फाइलों के निर्माण को क्या रोक रहा है?

znck 14 जुल॰ 2018

👍1

@znck

@ezolenko ने इस समस्या को अस्थायी रूप से f0e466c89f288f5b7434a513370201ef9da56aff में ठीक कर दिया है और Vue फ़ाइल की घोषणा को अनदेखा कर दिया जाएगा।
यह अभी के लिए जिला निर्देशिका में नहीं लिखा गया है।

gluons 14 जुल॰ 2018

@znck को Hello.vue के लिए घोषणा का नाम Hello.vue.d.ts होना चाहिए? क्या सभी उपकरण उस पर इसे ठीक से उठा लेंगे?

मैं उन्हें Hello.vue?rollup-plugin-vue=script.d.ts के रूप में नहीं लिख सकता क्योंकि ? विंडोज़ फ़ाइल पथों के लिए एक अमान्य चार है।

ezolenko 16 जुल॰ 2018

? के बाद का भाग vue फ़ाइल में किसी ब्लॉक को संदर्भित करने के लिए है, आपको इसे हटा देना चाहिए। मुझे यकीन नहीं है कि घोषणा फ़ाइल का नाम Hello.d.ts या Hello.vue.d.ts होना चाहिए। ( @ktsn WDYT?)

znck 17 जुल॰ 2018

👍1

शायद Hello.vue.d.ts ?
मुझे यकीन नहीं है कि अंतिम d.ts आउटपुट कैसा दिखता है, लेकिन जैसा कि अधिकांश TS उपयोगकर्ता SFC के लिए एक्सटेंशन ( .vue ) के साथ आयात विवरण लिखते हैं, घोषणा फ़ाइल को भी .vue की आवश्यकता हो सकती है

ktsn 17 जुल॰ 2018

👍1