Question

我有两个React Apps。一个主要应用程序，另一个只是具有1个组件的应用程序。我已经使用npm link将组件包导入为node_module。谁能帮我解决这个问题？

对于SubApp组件，代码如下：

render() {
    return (
      <div>
        External Element.
      </div>
    );
  }

MainApp组件的代码为：

export default class trial extends React.Component {
    render(){
        return(
            <div>
                <Extern/>
            </div>
        )
    }
}

错误如下：

../comp/src/extern.js
SyntaxError: /Users/risethi/Desktop/comp/src/extern.js: Unexpected token (13:6)
  11 |   render() {
  12 |     return (
> 13 |       <div>
     |       ^
  14 |         External Element.
  15 |       </div>
  16 |     );

当我尝试打开MainApp组件时出现此错误。

Answer 1

如果您使用的是JSX，则不应将文件存储为.js，而应存储为.jsx。

普通的JS文件不允许这样在其文件中使用HTML元素。

React Render提供意外的令牌错误

1 个答案: