如何为 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 文件,以免将来出现此类混淆。
我创建了这个很棒的字符串解析器,它解析字符串并在屏幕上仅显示 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 文件,以免将来出现此类混淆。