vue-cliで新規プロジェクト作成したらハマったので忘却録

タイトル通り．
vue-cliで新規プロジェクト作成したら立ち上がる開発サーバが変わっていてハマったのでその忘却録．

プロジェクトの作成

コマンド

$ vue init webpack my-project

選択肢は全部 Y (enter連打)

結果．

ちゃんとできたように見える．
黄色の文字の指示通りディレクトリ移動して開発サーバ起動してみる．

開発サーバ立ち上げのエラー

コマンド

$ cd my-project
$ npm run dev

結果．

長いので省略

引数が見つかりません: config-name, context, entry, module-bind, module-bind-post, module-bind-pre, output-path, output-filename, output-chunk-filename, output-source-map-filename, output-public-path, output-jsonp-function, output-library, output-library-target, records-input-path, records-output-path, records-path, define, target, watch-aggregate-timeout, devtool, resolve-alias, resolve-extensions, resolve-loader-alias, optimize-max-chunks, optimize-min-chunk-size, prefetch, provide, plugin, open-page

と言われて起動できない．

環境とか

$ npm --version
5.6.0
$ node --version
v9.3.0
$ vue --version
2.9.2
$ webpack-dev-server --version
webpack-dev-server 2.10.0
webpack 3.10.0

原因と対応

ぐぐったら webpack-dev-server のバージョンが新しすぎるのが原因らしい．
エラーの内容的に，今まで必要じゃなかった引数が必須になったかなんかだと思う．
というわけで 2.9.7にバージョンを落とす．

$ npm i webpack-dev-server@2.9.7 --save-dev
+ webpack-dev-server@2.9.7
added 4 packages, removed 148 packages and updated 7 packages in 6.94s
npm i webpack-dev-server@2.9.7 --save-dev  9.63s user 1.27s system 149% cpu 7.293 total

動いた．

参考