Skip to content

Codesandbox Svelte + Material Design demos are broken #5145

@KCErb

Description

@KCErb

Describe the bug
I wanted to try out Svelte and found the SMUI library to make a prettier prototype. But I quickly found that the demo didn't work. The material buttons etc. are not looking right. I will cross-post this to the SMUI team but I'm putting it here because among all the SMUI demos I've found they all have the same error message in common which points to svelte:

Error when converting '/node_modules/svelte/internal/index.mjs' esmodule to commonjs: [1166:376]: Unterminated regular expression 

To Reproduce
This is where codesandbox comes in. I just happen to have noticed that all of their demos are broken. Maybe this is their fault but at least for now it's a way of reproducing easily:
https://codesandbox.io/s/gi8p3
https://codesandbox.io/s/svelte-todos-app-material-hldhp

Expected behavior
In both of those examples (there are others) we can see the JS and vanilla CSS and Font icons all working. But none of it is "material".

Information about your Svelte project:
The codesandboxes have all dependencies / specs. One uses rollup the other uses neither rollup nor webpack.

Severity
I'm trying to do a demo to my dev team and we like to use codesandbox as a way of removing the environment part of the equation. So it's blocking us from prototyping / demoing this tech.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions