反应出口未定义

发布于 2025-02-05 00:39:46 字数 862 浏览 5 评论 0原文

我下载了预告片。我设置了一个非常简单的反应结构。我运行Babeli并从Live Server运行索引HTML。但这给出了这样的错误。

未介绍的参考：未定义出口在app.js：5：23

import React,{Component} from 'react'
import ReactDOM from 'react-dom'

class AppRouter extends Component{
    render(){
        return(
            <>
            adsada
            </>
        );
    }
}

export default AppRouter;

index.js

import React from 'react'
import ReactDOM from 'react-dom'
import AppRouter from './routers/AppRouter'


ReactDOM.createRoot(document.getElementById('root')).render(<AppRouter/>);

我读到的某个地方浏览器无法转换诸如“ require”或“导出”之类的表达式。因此，它说我必须使用WebPack之类的工具。这是错误的原因。那么，如何在不使用它们的情况下解决此问题呢？没人知道。有趣的：d

原文

enter image description here

I downloaded react and react dom from console. I downloaded babel. I set up a very simple react structure. I run babeli and run index html from live server. but it gives an error like this.

Uncaught ReferenceError: exports is not defined
at app.js:5:23

import React,{Component} from 'react'
import ReactDOM from 'react-dom'

class AppRouter extends Component{
    render(){
        return(
            <>
            adsada
            </>
        );
    }
}

export default AppRouter;

index.js

import React from 'react'
import ReactDOM from 'react-dom'
import AppRouter from './routers/AppRouter'


ReactDOM.createRoot(document.getElementById('root')).render(<AppRouter/>);

I read somewhere that the browser cannot convert expressions like "require" or "export". so it says i have to use tools like webpack. This is the cause of the error. So how can I fix this without using them? nobody knows. interesting :D

分享到QQ

分享到微博