[英]Import class from module without ES6
我试图在 ES5 JavaScript 中使用 Material 的小吃店。 通过这样做，我无法使用 ES6 的import功能。 因此，我通过link href='...'和script src='...'引用 CSS 文件和 JS 文件。
当使用var snackbar = new MDCSnackbar(document.querySelector('.mdc-snackbar'))声明变量时，我收到错误：
Snackbar.aspx:722 Uncaught ReferenceError: MDCSnackbar 未定义
这是我的 HTML：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <link rel="stylesheet" href="../_catalogs/masterpage/Custom/snackbar/node_modules/@material/snackbar/dist/mdc.snackbar.min.css"> <script src="../_catalogs/masterpage/Custom/snackbar/node_modules/@material/snackbar/dist/mdc.snackbar.min.js"></script> </head> <body> <div class="mdc-snackbar"> <div class="mdc-snackbar__surface"> <div class="mdc-snackbar__label" role="status" aria-live="polite"> Can't send photo. Retry in 5 seconds. </div> <div class="mdc-snackbar__actions"> <button type="button" class="mdc-button mdc-snackbar__action">Retry</button> </div> </div> </div> </body> <script> var snackbar = new MDCSnackbar(document.querySelector('.mdc-snackbar')); </script> </html>
如何在不使用 ES6 的import功能的情况下“导入” MDCSnackbar？
您可以使用 CDN 版本，可能如他们的文档Material-ui cdn 中所述，这里是 material-ui cdn 示例的github示例。
有没有`从<module>进口<class> ` ES6 中的语法？</class></module>
[英]is there `from <module> import <class>` syntax in ES6?
在 es6 模块中导入带有和不带有“.js”的模块之间的区别
[英]Difference between import a module with and without ".js" in es6 module
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.