vue-material-design-icons causes build errors with Meteor and vue-meteor
Whenever I add this package and try to import an icon,
import KeyboardBackspaceIcon from 'vue-material-design-icons/KeyboardBackspace.vue'
first I get a cannot find module error in the browser console:
Uncaught Error: Cannot find module 'vue-material-design-icons/KeyboardBackspace.vue'
Then, after playing around with the import statement and making changes to my files, I get a Meteor build error:
=> Errors prevented startup:
While processing files with akryum:vue-component (for target web.browser):
/Users/---/.meteor/packages/meteor-tool/.1.8.0_2.1uuxpyr.yrlhi++os.osx.x86_64+web.browser+web.browser.legacy+web.cordova/mt-os.osx.x86_64/tools/static-assets/server/mini-files.js:92:19:
Maximum call stack size exceeded
at Object.pathDirname
(/Users/---/.meteor/packages/meteor-tool/.1.8.0_2.1uuxpyr.yrlhi++os.osx.x86_64+web.browser+web.browser.legacy+web.cordova/mt-os.osx.x86_64/tools/static-assets/server/mini-files.js:92:19)
at InputFile.getDirname (/tools/isobuild/build-plugin.js:476:18)
at getFullDirname (packages/vue-component/plugin/utils.js:56:61)
at VueCompo.isIgnored (packages/vue-component/plugin/vue-compiler.js:117:23)
at async.eachLimit (packages/vue-component/plugin/vue-compiler.js:42:17)
[...]
In order for that error to go away, I need to remove vue-material-design-icons (meteor npx yarn remove vue-material-design-icons) and restart Meteor.
I'm not sure what's going on here, and I also mentioned the issue on the vue-meteor project since this seems a combination of factors, so still relevant to this project as well.
Edited by Alejandro García Iglesias