如何为 React 创建 npm 包

How to create npm package for react

我创建了这个很棒的字符串解析器,它解析字符串并在屏幕上仅显示 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 谁能帮我解决这个问题?

您遇到的问题是由于您的 string--parser 不是纯 javascript 文件。但它使用 JSX 语法。这就是为什么它在以下行中抱怨意外令牌(例如 <)的原因:

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

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