rollup-plugin-vuetify
rollup-plugin-vuetify copied to clipboard
Errors with vue-class-component
I'm getting an error with SFC components with vue-class-component.
Minimal repro at https://github.com/ascott18/vuetify-rollup-bug
[!] (plugin vuetify) Error: The structure of the exported component can not be recognized. Please open an issue with a usage example at https://github.com/vatson/rollup-plugin-vuetify/issues
src\components\test-component.vue?rollup-plugin-vue=script.ts
Error: The structure of the exported component can not be recognized. Please open an issue with a usage example at https://github.com/vatson/rollup-plugin-vuetify/issues
at findExport (C:\src\vuetify-rollup-bug\node_modules\rollup-plugin-vuetify\src\transform.js:107:9)
at findUseTarget (C:\src\vuetify-rollup-bug\node_modules\rollup-plugin-vuetify\src\transform.js:111:21)
at module.exports (C:\src\vuetify-rollup-bug\node_modules\rollup-plugin-vuetify\src\transform.js:152:33)
at extractAndTransform (C:\src\vuetify-rollup-bug\node_modules\rollup-plugin-vuetify\src\plugin.js:11:10)
at Object.transform (C:\src\vuetify-rollup-bug\node_modules\rollup-plugin-vuetify\src\plugin.js:32:16)
at ModuleLoader.addModuleSource (C:\src\vuetify-rollup-bug\node_modules\rollup\dist\shared\rollup.js:18403:30)
at ModuleLoader.fetchModule (C:\src\vuetify-rollup-bug\node_modules\rollup\dist\shared\rollup.js:18459:9)
at async Promise.all (index 0)
at ModuleLoader.fetchStaticDependencies (C:\src\vuetify-rollup-bug\node_modules\rollup\dist\shared\rollup.js:18485:34)
at async Promise.all (index 0)
at ModuleLoader.fetchModule (C:\src\vuetify-rollup-bug\node_modules\rollup\dist\shared\rollup.js:18461:9)
at async Promise.all (index 0)
at ModuleLoader.fetchStaticDependencies (C:\src\vuetify-rollup-bug\node_modules\rollup\dist\shared\rollup.js:18485:34)
at async Promise.all (index 0)
at ModuleLoader.fetchModule (C:\src\vuetify-rollup-bug\node_modules\rollup\dist\shared\rollup.js:18461:9)
at async Promise.all (index 0)
Hey @ascott18
I'll take a look. Thank you for the report and for a thorough approach to bug filing.
The is caused by exporting named classes export default class Foo extends Vue {
instead of anonymous classes export default class extends Vue {
.
This bit of code here is the culprit. Commenting out the line name: "default_1",
fixes the issue entirely.
https://github.com/vatson/rollup-plugin-vuetify/blob/ef322f8fa1725f56b89d91bf4b1bdbb8182248f4/src/transform.js#L37
Judging by your profile, I'd imagine you're a little busy with the invasion of your home to deal with this. Stay safe, and thank you for your work on this package.