如何将react组件添加到npm存储库中？

Question

我做了一个简单的组件来完成工作。 现在，我想与社区（npmjs.com）共享它。

该组件生成CAPTCHA。

我找到了几本指南，但是做错了。 我这样做（基于此 ）：

1）安装

npm install -g generator-react-webpack-component

哟react-webpack-component

2）添加我的代码

3）修复webpack.config

output: {
    path: path.join(__dirname, 'dist'),
    filename: 'index.js',
    libraryTarget: 'umd',
    library: 'ReactComponentNpm'
}

4）建立

npm运行构建

5）添加到包

NPM包

6）添加我的信息

npm设置init.author.name“ Stekolschikov”

npm设置init.author.email“ vastekolschikov@gmail.com”

npm设置init.author.url“ stekolschikovv.hithub.io”

7）并尝试发布

npm发布./

但：

PS C:\Users\vaste\Desktop\DEV\react-captcha-generator> npm publish ./
npm ERR! path C:\Users\vaste\AppData\Local\Temp\npm-9116-dbb91a9e\tmp\fromDir-520c1c05\package.tgz
npm ERR! code EPERM
npm ERR! errno -4048
npm ERR! syscall unlink
npm ERR! Error: EPERM: operation not permitted, unlink 'C:\Users\vaste\AppData\Local\Temp\npm-9116-dbb91a9e\tmp\fromDir-520c1c05\package.tgz'
npm ERR!  { Error: EPERM: operation not permitted, unlink 'C:\Users\vaste\AppData\Local\Temp\npm-9116-dbb91a9e\tmp\fromDir-520c1c05\package.tgz'
npm ERR!   cause:
npm ERR!    { Error: EPERM: operation not permitted, unlink 'C:\Users\vaste\AppData\Local\Temp\npm-9116-dbb91a9e\tmp\fromDir-520c1c05\package.tgz'
npm ERR!      errno: -4048,
npm ERR!      code: 'EPERM',
npm ERR!      syscall: 'unlink',
npm ERR!      path: 'C:\\Users\\vaste\\AppData\\Local\\Temp\\npm-9116-dbb91a9e\\tmp\\fromDir-520c1c05\\package.tgz' },
npm ERR!   isOperational: true,
npm ERR!   stack: 'Error: EPERM: operation not permitted, unlink \'C:\\Users\\vaste\\AppData\\Local\\Temp\\npm-9116-dbb91a9e\\tmp\\fromDir-520c1c05\\package.tgz\'',
npm ERR!   errno: -4048,
npm ERR!   code: 'EPERM',
npm ERR!   syscall: 'unlink',
npm ERR!   path: 'C:\\Users\\vaste\\AppData\\Local\\Temp\\npm-9116-dbb91a9e\\tmp\\fromDir-520c1c05\\package.tgz' }
npm ERR!
npm ERR! Please try running this command again as root/Administrator.

我从管理员启动了控制台，但是结果是一样的。

我想念什么？ 好吧

帮我发布该程序包。 谢谢！

更新：

我设法发布了，我必须登录。

现在可以安装该软件包了，但是当我尝试使用该软件包时，我看到了错误：

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! test2@0.1.0 start: `react-scripts start`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the test2@0.1.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

我怎样才能解决这个问题？

Answer 1

我怎样才能解决这个问题？

也许你发布的包不兼容react-scripts本身，与您正在尝试使用它。 如果查看已发布的软件包内容，则很明显，首先，软件包没有入口点，其次，有许多冗余文件。
在此处查看： https : //unpkg.com/react-captcha-generator@1.0.1和此处https://unpkg.com/react-captcha-generator@1.0.1/-训练斜杠很重要，第一个URL表示程序包没有入口点。

通常，您应该只发布dist内容，该内容以前是为与babel兼容ES5而构建的。 如果提供服务器软件包，您仍然可以将其捆绑-https: //hackernoon.com/developing-isomorphic-applications-using-webpack-eca814a418ad