<p>//greet.js 파일입니다</p>
<pre class="brush:php;toolbar:false;">"react"에서 React 가져오기;;
함수인사()
{
반품 (
환영합니다
)
}
기본 인사말 내보내기</pre>
<p>//indx.js 파일입니다</p>
<pre class="brush:php;toolbar:false;">'react'에서 React,{Component} 가져오기
'./Greet'에서 인사말 가져오기
클래스 앱은 구성 요소를 확장합니다.
{
세우다()
{
<div className='앱'>
<안녕하세요/>
</div>
}
}</pre>
<p>//이것은 HTML 파일입니다</p>
<pre class="brush:php;toolbar:false;"><!DOCTYPE html>
<html>
<머리>
<제목>
여기 간다
</제목>
</머리>
<본문>
<script src="indx.js">
</body>
</html></pre>
<p>greet.js에서 데이터를 가져와 indx.js에서 렌더링하려고 하는데 <strong>모듈 외부에서 import 문을 사용할 수 없습니다. 오류</strong></p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
script标签中添加type='module'来使用import/export구문babel、esbuild或者其他你喜欢的编译器，或者直接在 HTML 中输入babel来使用。你也可以使用vite