Rollup-plugin-typescript2: ENOENT : aucun fichier ou répertoire de ce type, ouvrez '...?rollup-plugin-vue=script.d.ts'

Créé le 7 juil. 2018  ·  11Commentaires  ·  Source: ezolenko/rollup-plugin-typescript2

Que se passe-t-il et pourquoi c'est mal

Obtenez cette erreur lors de l'utilisation avec rollup-plugin-vue lorsqu'il est défini declaration sur true dans tsconfig.json .

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

Repo à Repro : https://github.com/gluons/rollup-plugin-typescript2-issue-97

Environnement

Système d'exploitation : Windows 10
Nœud : v10.4.1
Fil : 1.7.0

Versions

  • texte dactylographié : 2.8.4
  • cumul : 0.62.0
  • rollup-plugin-typescript2 : 0.15.1

rollup.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"
    ]
}

package.json

{
  "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"
  }
}

sortie du plugin avec verbosité 3

- ajouter la verbosité verbosité : 3 aux options du plug-in et joindre la sortie si nécessaire (censurer tout ce qui est sensible) -

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'

picture gluons

Commentaire le plus utile

Ok, essayez le maître maintenant. Il y a toujours un problème de //# sourceMappingURL= et la carte .d.ts.map elle-même faisant référence au nom complet du bloc, ce qui confondra probablement certains outils.

@znck un seul fichier vue peut-il contenir plusieurs blocs de dactylographie et le plugin vue les transformera-t-il en modules virtuels séparés?

picture ezolenko le 17 juil. 2018
👍2 🎉1

Tous les 11 commentaires

Devrait être corrigé dans master maintenant - j'ignore les déclarations pour les modules vue pour l'instant. Une autre option consiste à tout découper après ? et écrivez *.vue.d.ts je suppose.

ezolenko picture ezolenko le 9 juil. 2018
👍1

D'ACCORD. Merci. 🙇‍♀
L'erreur ENOENT a disparu maintenant.

Je ne sais pas si la déclaration du fichier Vue est importante ou non.
Peut-être que @znck peut donner un avis ?
Ou tout développeur Vue + TypeScript qui voit ce problème ?

gluons picture gluons le 10 juil. 2018

Je reçois cela aussi avec la déclaration définie sur true. Je n'utilise pas le plugin vue cependant. Je pense que c'est parce que mon chemin de fichier contient un espace, à en juger par votre correctif précédent.

wenbei picture wenbei le 12 juil. 2018

@hollyleaves pourriez-vous publier des détails ou ouvrir un dossier séparé ? L'espace doit être un caractère valide.

ezolenko picture ezolenko le 12 juil. 2018

Les fichiers de déclaration sont importants.
@ezolenko @gluons Pourriez-vous me dire ce qui empêche la génération de fichiers de déclaration ?

znck picture znck le 14 juil. 2018
👍1

@znck

@ezolenko a temporairement corrigé ce problème dans f0e466c89f288f5b7434a513370201ef9da56aff et la déclaration du fichier Vue sera ignorée.
Il n'est pas écrit dans le répertoire dist pour l'instant.

gluons picture gluons le 14 juil. 2018

@znck la déclaration pour Hello.vue devrait-elle être nommée Hello.vue.d.ts ? Est-ce que tous les outils le capteront correctement ?

Je ne peux pas les écrire sous la forme Hello.vue?rollup-plugin-vue=script.d.ts car ? est un caractère invalide pour les chemins de fichiers Windows.

ezolenko picture ezolenko le 16 juil. 2018

La partie après ? sert à référencer un bloc dans le fichier vue, vous devez le supprimer. Je ne sais pas si le fichier de déclaration doit être nommé Hello.d.ts ou Hello.vue.d.ts . ( @ktsn WDYT ?)

znck picture znck le 17 juil. 2018
👍1

Peut-être Hello.vue.d.ts ?
Je ne sais pas à quoi ressemble la sortie finale d.ts , mais comme la plupart des utilisateurs de TS écrivent les instructions d'importation pour SFC avec l'extension ( .vue ), le fichier de déclaration peut également avoir besoin .vue .

ktsn picture ktsn le 17 juil. 2018
👍1

Ok, essayez le maître maintenant. Il y a toujours un problème de //# sourceMappingURL= et la carte .d.ts.map elle-même faisant référence au nom complet du bloc, ce qui confondra probablement certains outils.

@znck un seul fichier vue peut-il contenir plusieurs blocs de dactylographie et le plugin vue les transformera-t-il en modules virtuels séparés?

ezolenko picture ezolenko le 17 juil. 2018
👍2 🎉1

Il n'y aurait qu'un seul bloc de script (dactylographié) par fichier.

znck picture znck le 18 juil. 2018
👍1
Cette page vous a été utile?
0 / 5 - 0 notes

Questions connexes

vwxyutarooo picture vwxyutarooo  ·  15Commentaires
eddow picture eddow  ·  14Commentaires
birtles picture birtles  ·  4Commentaires
amacleay picture amacleay  ·  5Commentaires
freeman picture freeman  ·  6Commentaires