我正在使用 create-react-app 开发应用程序,并使用未编译的第三方模块,我将 JSX 文件包含在我的项目中。
启动或构建时出现以下错误
******.jsx
Module parse failed: Unexpected token (12:25)
You may need an appropriate loader to handle this file type.
我的反应应用程序没有弹出,也不想弹出。
不想从反应脚本中弹出
******.jsx
Module parse failed: Unexpected token (12:25)
You may need an appropriate loader to handle this file type.
库中的示例代码 Link.jsx
import React from 'react';
import { string } from 'prop-types';
import './Link.scss';
const STATUS = {
HOVERED: 'hovered',
NORMAL: 'normal',
};
class Link extends React.Component {
constructor(props) {
super(props);
this.onMouseEnter = this.onMouseEnter.bind(this);
this.onMouseLeave = this.onMouseLeave.bind(this);
this.state = {
className: STATUS.NORMAL,
};
}
onMouseEnter() {
this.setState({ className: STATUS.HOVERED });
}
onMouseLeave() {
this.setState({ className: STATUS.NORMAL });
}
render() {
const { className } = this.state;
const { page, children } = this.props;
return (
<a
className={className}
href={page}
onMouseEnter={this.onMouseEnter}
onMouseLeave={this.onMouseLeave}
>
{children}
</a>
);
}
}
Link.propTypes = {
page: string,
children: string,
};
Link.defaultProps = {
page: '#',
children: '',
};
export default Link;
以上代码发布到内部 npm repo 并在应用程序中使用
应用程序中的 App.jsx
import { Link} from '@myScope/myreactlib/Link'; // loaded from node_modules
App.jsx 给出错误