吉田 裕美:作りながら学ぶ React 入門

作成日: 2019-04-28
最終更新日:

概要

著者曰く、実際にコードを書きながら React を学んでいける書籍を目指して書きました。

感想

第 2 章の「モダン JS 開発環境の構築」から開始したが、 第 9 項の インストール結果の確認 (p.25) でつまづいている。 なお、以下{USER_NAME}とあるのはログインアカウント名である。

> npm start

> hello_react@1.0.0 start C:\Users\{USER_NAME}\documents\hello_react
> webpack-dev-server

The CLI moved into a separate package: webpack-cli
Please install 'webpack-cli' in addition to webpack itself to use the CLI
-> When using npm: npm i -D webpack-cli
-> When using yarn: yarn add -D webpack-cli
internal/modules/cjs/loader.js:584
    throw err;
    ^

Error: Cannot find module 'webpack-cli/bin/config-yargs'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:582:15)
    at Function.Module._load (internal/modules/cjs/loader.js:508:25)
    at Module.require (internal/modules/cjs/loader.js:637:17)
    at require (internal/modules/cjs/helpers.js:22:18)
    at Object. (C:\Users\{USER_NAME}\Documents\hello_react\node_modules\webpack-dev-server\bin\webpack-dev-server.
js:86:1)
    at Module._compile (internal/modules/cjs/loader.js:701:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:712:10)
    at Module.load (internal/modules/cjs/loader.js:600:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:539:12)
    at Function.Module._load (internal/modules/cjs/loader.js:531:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! hello_react@1.0.0 start: `webpack-dev-server`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the hello_react@1.0.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\{USERNAME}\AppData\Roaming\npm-cache\_logs\2019-04-29T03_56_43_385Z-debug.log

これを避けるためには、この本のインストール方法ではなく、 本書のサポートページ(p.11 にあり)に従いインストールするのがよい。

React の本

書誌情報

書 名作りながら学ぶ React 入門
著 者吉田 裕美
発行日2017 年 9 月 25 日(第 1 版第1刷)
発行所秀和システム
定 価
サイズ
ISBN978-4-7980-5075-1

まりんきょ学問所コンピュータについてコンピュータの本JavaScript > 吉田 裕美:作りながら学ぶ React 入門


MARUYAMA Satosi