quill の npm start

こちらのquillというライブラリを少し編集して自分で使いたいと思います。
それをするにあたってquillをフォークしたプロジェクト内で描画を確認したり、各動作確認をしたいと思ってます。

json
1"scripts": {
2    "build": "npm run lint && npm run build:webpack",
3    "build:webpack": "webpack --config _develop/webpack.config.js; rm dist/quill.core dist/quill.bubble dist/quill.snow",
4    "build:release": "./_develop/scripts/release.sh",
5    "lint": "eslint blots core formats modules themes ui test",
6    "start": "npm run build:webpack; bundle exec foreman start -f _develop/procfile",
7    "test": "npm run test:unit",
8    "test:all": "npm run test:unit; npm run test:functional",
9    "test:functional": "./_develop/scripts/puppeteer.sh",
10    "test:unit": "npm run build; karma start _develop/karma.config.js",
11    "test:coverage": "webpack --env.coverage --config _develop/webpack.config.js; karma start _develop/karma.config.js --reporters coverage",
12    "travis": "npm run lint && karma start _develop/karma.config.js --reporters dots,saucelabs"
13  },

こちらがquillのpackage.jsonのscriptsの中です。
正直、詳しい理解はできていませんが、なんとなく、startコマンドとかserveコマンドを実行すればローカルサーバーが立ち上がり、そこでデバックできるものだと思っていました。
しかし、"npm run build:webpack; bundle exec foreman start -f _develop/procfile"は役割が違うのか、あとそもそもyarn startをするとエラーが出てしまいます...

npm ERR! quill@2.0.0-dev.3 start: npm run build:webpack; bundle exec foreman start -f _develop/procfile npm ERR! spawn ENOENT npm ERR! npm ERR! Failed at the quill@2.0.0-dev.3 start script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

quillの動作確認を同プロジェクト内で行うにはどうしたらいいでしょうか...。

行動規範の内容に同意します

回答1件

ベストアンサー

エスパー回答しますが、予めnpm install -Dやyarn installを使ってインストールしてください。
そうすることで各種依存モジュールをインストールして使えるようになります。

こちらがquillのpackage.jsonのscriptsの中です。

正直、詳しい理解はできていませんが、なんとなく、startコマンドとかserveコマンドを実行すればローカルサーバーが立ち上がり、そこでデバックできるものだと思っていました。
しかし

npm-scriptsはどうやらbashらしい

という訳でbashの学習が必要になります。
例えばnpm-scriptsのstartの中身はnpm run build:webpack; bundle exec foreman start -f _develop/procfileですが、
bashのルールで;はコマンドを1行に複数実行する時の区切り文字として機能します。
つまり、以下の2コマンドを直列に実行しています。

npm run build:webpack
bundle exec foreman start -f _develop/procfile

各コマンドの実行方法や環境変数PATHなんかも絡んできて長くなりますが、
とりあえず冒頭のコマンドで依存モジュールをインストールして、それでも無理なら調査してみてください。

投稿2019/02/18 04:25