如何创建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

您遇到的问题是由于您的string--parser 不是一个纯粹的JavaScript文件。但它使用JSX语法。这就是为什么它在下一行中抱怨<等意外令牌的原因：

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

在发布到NPM之前，您必须将JSX源代码转换为纯JavaScript，因此任何人都可以使用它们。并且肯定不会使用JS扩展命名JSX文件以避免将来出现这种混淆。