如何在 javascript 中导入 Material UI - InputLabel答案

【问题标题】：How to import Material UI - InputLabel in javascript如何在 javascript 中导入 Material UI - InputLabel
【发布时间】：2019-08-30 08:53:35
【问题描述】：

我正在集成这个：Codepen link 在我的项目中 Codeigniter
我需要使用它制作简单的表格。但是在CodeIgniter 中实施material-ui 后，我面临以下问题：
无效令牌和意外令牌}
因为我是react 或npm 的新手，所以我没有遇到我在代码中犯了什么错误的问题。

我已安装：npm
包括.css 和.js 中的其他cdn

我已将 material-ui 安装在 Project
的同一文件夹 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>

请帮助使其顺利进行。请分享您的宝贵意见。
提前致谢。

【问题讨论】：

从'@material-ui/core'导入{InputLabel}；
@Domino987 还是一样的错误Uncaught SyntaxError: Unexpected token {
你是用 npm i @material-ui/core 安装的吗？
@nitin_kumar 我认为，您已安装 material-ui 用于反应组件。对吗？
@GokulaKannanT 是的.. 完全正确.. 是不是方法不对。？

标签： javascript php reactjs codeigniter material-ui

【解决方案1】：

如果要使用ES6导入，需要使用babel.等转译器

这是一个工作示例example。请注意，这对于生产应用程序来说并不是最好的方法，因为会出现性能问题。

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

【讨论】：