2017-11-22 31 views
0

私は仕事をしてsimple componentを作った。今私はコミュニティ(npmjs.com)と共有したいと思います。npmリポジトリにreactコンポーネントを追加する方法は?

コンポーネントはキャプチャを生成します。

ガイドがいくつか見つかりましたが、何か問題があります。私は(thisに基づく)か:

1)インストール

NPMをインストール-g発電反応-WebPACKの成分

ヨーヨー反応-WebPACKの成分

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は "[email protected]"

NPM "stekolschikovv.hithub.io" init.author.url設定init.author.email設定します

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. 

私は、管理者からコンソールを開始しましたが、結果は同じです。

私には何が欠けていますか?どのように正しい?

パッケージを公開するのに役立ちます。ありがとうございました!

UPDATE:私は公開するために管理

、私はログインする必要がありました。

は今、パッケージをインストールすることができますが、私はパッケージを使用しようとすると、エラーが表示さ:

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

どのように私はこの問題を解決することができますか?

+0

rootユーザーを使って試しましたか?最後の行に書かれているように? – thakurinbox

+0

https://stackoverflow.com/questions/22325031/npm-please-try-using-this-command-again-as-root-administrator – thakurinbox

+0

@ thakurinboxこのコマンドを使用した後(npm cache clean --force)、何も変更されました。 – StekolschikovV

答えて

0

どうすればこの問題を解決できますか?

あなたの公開パッケージは、おそらく使用しようとしているreact-scripts自体と互換性がありません。 パブリッシュされたパッケージの内容を見ると、最初にパッケージにエントリポイントがなく、2番目に多くの冗長ファイルがあることは明らかです。
https://unpkg.com/[email protected]ここをクリックhttps://unpkg.com/[email protected]/ - トレーニングスラッシュと最初のURLは、パッケージにエントリポイントがないことを意味していました。

一般的には、に準拠して以前にES5に準拠して構築されていたdistのコンテンツのみを公開する必要があります。サーバーパッケージを提供しても、それをバンドルすることもできます。https://hackernoon.com/developing-isomorphic-applications-using-webpack-eca814a418ad

+0

簡単な例を教えてもらえますか?私は1つのファイルを挿入する必要があります。私は今、反応のための様々なモジュールを通してソートしています、それらのほとんどすべてが同じエラーを持っています。私は簡単で実用的な例は見つけられません。 ((( – StekolschikovV