未捕獲的 SyntaxError 無法在模塊外使用 import 語句

Question

我在 react-iframe 中遇到了這個錯誤。 我應該如何解決？

版本：react@16.13.1 react-iframe@1.8.0 （如果我需要添加更多細節，請告訴我）

  import Iframe from 'react-iframe
  import React, { Component } from "react";

  class TableList extends Component {
  render{
  return(
  <div>
    <Iframe url="some url"
    width="100%"
    height="1000"
    id="myId"
    // className="embed-responsive-item"
    display="initial"
    position="relative"
    X-Frame-Options="deny"
    />

  </div>
)
}
}
export default TableList;

`

Answer 1

所以不確定這是否是復制/粘貼錯誤，但所有導入必須在兩個引號之間定義：

  import Iframe from 'react-iframe'

Answer 2

  import Iframe from 'react-iframe';
  import React, { Component } from "react";

  class TableList extends React.Component {
    render() {
    return(
      <div>
        <Iframe url="some URL"
          width="100%"
          height="1000"
          id="myId"
          // className="embed-responsive-item"
          display="initial"
          position="relative"
          X-Frame-Options="deny"
        />
     </div>
   )
  }
}
export default TableList;

嘗試這個。 您忘記了 iframe 導入中的單引號和渲染方法中的括號。 render 是一種方法，所以它應該有（）括號我的朋友。

希望它會幫助你。 快樂編碼！