javascript - 如何为反应创建 npm 包

Question

我创建了这个很棒的字符串解析器，它解析字符串并在屏幕上仅显示 5 行或大约 1000（1000+ 它将根据字长调整）字符（以较少者为准）。我已经在npm上发布了我的包，但在安装它时出现此错误：

Module parse failed: C:\xampp\htdocs\gitlab\communityFrontend\node_modules\react-simple-read-more\src\string-parser.js Unexpected token (77:12)
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected token (77:12)

这是同一个包的package.json任何人都可以帮我解决这个问题吗？

Answer 1

您遇到的问题是由于您的字符串解析器 不是纯 javascript 文件。但相反，它使用 JSX 语法。这就是它抱怨意外令牌的原因，例如<以下行：

<div style={{width:'100%',wordWrap: 'break-word'}}>

在发布到 NPM 之前，您必须将 JSX 源代码转换为纯 javascript - 这样任何人都可以使用它们。当然不要用 JS 扩展名来命名 JSX 文件，以避免将来出现这种混淆。