Getting Started #4427
Replies: 3 comments 4 replies
-
|
What I did was:
|
Beta Was this translation helpful? Give feedback.
-
|
Have you tried the build steps to bundle your JS file with rollup? |
Beta Was this translation helpful? Give feedback.
-
|
I tried now, the bundle.js file is the same as the index.js file, when trying to open the index.html file I get this error in the console: Uncaught TypeError: Failed to resolve module specifier "@material/web/button/filled-button.js". Relative references must start with either "/", "./", or "../". |
Beta Was this translation helpful? Give feedback.
-
|
Hm, it doesn't sound like it was bundled properly. Can you share your rollup config? |
Beta Was this translation helpful? Give feedback.
-
|
A few steps you could try that work for me..
Demo index.js import '@material/web/button/filled-button.js';Demo index.html <head>
<script src='/bundle.js'></script>
</head>
<body>
<md-filled-button>label<md-filled-button>
</body>I've also hosted a static js file I import in my other projects on GitHub. I've included all available web-components javascript files required and bundled them. p.s. it also includes all components from @mailoc07/material-web-additions You can find the static file here on my repo. @stiblook/material-web-static <head>
<script src="https://www.stiblook.rocks/material-web-static/material.js"></script>
</head>EDIT: You can also use |
Beta Was this translation helpful? Give feedback.
-
|
Thanks, now it worked! |
Beta Was this translation helpful? Give feedback.
-
|
I tried now, the bundle.js file is the same as the index.js file, when trying to open the index.html file I get this error in the console: Uncaught TypeError: Failed to resolve module specifier "@material/web/button/filled-button.js". Relative references must start with either |
Beta Was this translation helpful? Give feedback.
-
Hi, so I was trying to get started following this: https://github.com/material-components/material-web/blob/main/docs/quick-start.md, I'm not an expert with node or anything like that, I think I'm missing something because I can't seem to get the app running. Can I get a more detailed guide? Thanks!
Beta Was this translation helpful? Give feedback.
All reactions