javascript - ES6 import

 穷朱朱 发布于 2022-11-11 00:29

最近在学习React ES6的写法,遇到一个问题。

src/helloworld.js

import React, {
  Component,
} from 'react';

import ReactDom from 'react-dom';

class HelloReact extends Component {
  render() {
    return (
      

Hello React

); } } ReactDom.render(, document.getElementById('example'));

index.html



  
    
    Hello React!
    
    
    
  
  
    

我用babel cli将helloworld.js转码后载入index.html。但是报错 require is not defined。

我看了下babel将src中的import转成了require。这么说难道我还要在index.html中载入require.js吗?

.babelrc

{
    "presets": [
      "es2015", "react"
    ],
    "plugins": []
  }
1 个回答
  • js模块化有AMD,CMD,UMD,CommonJS等,你用babel转换的js文件,是将es6的import转换为了es5的CommonJS规范的require,浏览器端是不支持CommonJS的(除非用工具入browserify),可以设置转换为AMD规范的模块化写法,再用requireJS,或者你也可以使用browserify。单最好的方式是使用Webpack,Webpack支持各种模块化规范,react开发必备

    2022-11-12 01:54 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有