如何导入Material UI-JavaScript中的InputLabel

Question

我正在对此进行集成：Codepen link在material-ui中的项目上
我需要使用此表格制作简单的表格。但是在CodeIgniter中实现了}之后，我遇到了：
的问题 无效的令牌和意外的令牌react
由于我是npm或npm的新手，所以我没有遇到这个问题，即我在代码中犯了什么错误。

我已安装：cdn
已包含.css和.js中的其他material-ui

我已经在项目
的同一文件夹javascript中安装了script.js 在import {InputLabel} from './node_modules/@material-ui/core/InputLabel';中
main.php

在<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.6/require.min.js"></script>中
<script type="text/javascript" src="https://unpkg.com/@material-ui/core@4.3.3/umd/material-ui.development.js"></script>
struct SwiftUIView: View { @Environment(\.presentationMode) var presentationMode : Binding<PresentationMode> var body: some View { HStack { Text("Hello World!") Button(action: { self.presentationMode.value.dismiss() }) { Text("Button") } } } }

请帮助使其顺利运行。请分享您的宝贵意见。
预先感谢。

Answer 1

如果要使用ES6导入，则需要使用babel.之类的编译器

这是一个如何完成此操作的示例example。请注意，这不是针对生产应用程序的最佳方法，因为会出现性能问题。

正如您所说的，您是一个初学者，我强烈建议您查看受官方支持的create-react-app项目。这将为您提供强大的样板，以创建生产React应用。使用create-react-app，您在问题中描述的ES6导入将按预期工作。