web-dev-qa-db-ja.com

Vuejsで「webpack開発サーバーの無効なオプション」を修正する方法

私は@vue/cli v3.7.0を使用しており、Babel + Router + node-sassを使用してvue create myappでプロジェクトを作成し、プロジェクトが正常にインストールされました

しかし、（プロジェクトディレクトリで）npm run serveを実行すると、次のエラーが発生しました。


 INFO  Starting development server...
 ERROR  ValidationError: webpack Dev Server Invalid Options

options.clientLogLevel should be {String} and equal to one of the allowed values

 [ 'info', 'warn', 'error', 'debug', 'trace', 'silent' ]

 (https://webpack.js.org/configuration/dev-server/#devserverclientloglevel)

ValidationError: webpack Dev Server Invalid Options

options.clientLogLevel should be {String} and equal to one of the allowed values

 [ 'info', 'warn', 'error', 'debug', 'trace', 'silent' ]

 (https://webpack.js.org/configuration/dev-server/#devserverclientloglevel)

    at validateOptions (C:\Users\Dell\Desktop\myapp\node_modules\webpack-dev-server\node_modules\schema-utils\src\validateOptions.js:32:11)
    at new Server (C:\Users\Dell\Desktop\myapp\node_modules\webpack-dev-server\lib\Server.js:71:5)
    at serve (C:\Users\Dell\Desktop\myapp\node_modules\@vue\cli-service\lib\commands\serve.js:138:20)
    at process._tickCallback (internal/process/next_tick.js:68:7)
    at Function.Module.runMain (internal/modules/cjs/loader.js:757:11)
    at startup (internal/bootstrap/node.js:283:19)
    at bootstrapNodeJSCore (internal/bootstrap/node.js:622:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] serve: `vue-cli-service serve`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the [email protected] serve 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\Dell\AppData\Roaming\npm-cache\_logs\2019-05-17T19_40_14_984Z-debug.log

私はnpm cache clean -f、VueJSの再インストール、プロジェクトの再作成を試みましたが、何もうまくいきませんでした:(

私はnpm run serveの仕事を期待しています！

javascriptvue.jswebpackvuejs2webpack-dev-server
20
Arti Singh

[email protected]が何かを壊したようです。 3.3.1に戻したところ、正常に機能しているようです。

0
Philip Caleja

webpack-dev-serverは、ホットフィックスのv3.4.1としてリリースされました。更新してください。 https://github.com/webpack/webpack-dev-server/releases/tag/v3.4.1

0
Yuta Hiroto

@vue/cli-serviceを使用する場合、ドキュメントは本質的にwebpackをラップするため、少し混乱します。

[ここにソリューションへのリンクがあります]（ https://cli.vuejs.org/guide/webpack.html#simple-configuration ）

最善の方法は、vue.config.jsを次のように更新することです

configureWebpack: {
    devServer: {
      clientLogLevel: `silent`,
    },
  },
0
urban_coder

編集した

node_modules/@vue/cli-service/lib/commands/serve.js

139行目はこう言う：

clientLogLevel： '警告'

の代わりに

clientLogLevel： 'none'

（編集-hello-worldアプリで作業していますが）

0
MorayJ