찾다

 >  Q&A  >  본문

제목을 다음과 같이 다시 작성합니다. 라이브 서버에서 실행할 때 "SyntaxError: 모듈 외부에서 import 문을 사용할 수 없습니다"를 중국어로 "SyntaxError: 모듈 외부에서 import 문을 사용할 수 없습니다"로 번역합니다.

<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>
P粉520545753P粉520545753443일 전640

모든 응답(1)나는 대답할 것이다

  • P粉885035114

    P粉8850351142023-08-29 16:24:30

    • 오류가 발생하는 이유는 script 标签中添加 type='module' 来使用 import/export 구문
    • 을 사용해야 하기 때문입니다.
    • 브라우저에서는 JSX를 사용할 수 없습니다. 서버에서 사용할 수 있습니다 babelesbuild 或者其他你喜欢的编译器,或者直接在 HTML 中输入 babel 来使用。你也可以使用 vite

    회신하다
    0
  • 취소회신하다