質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Windows 10

Windows 10は、マイクロソフト社がリリースしたOSです。Modern UIを標準画面にした8.1から、10では再びデスクトップ主体に戻され、UIも変更されています。PCやスマホ、タブレットなど様々なデバイスに幅広く対応していることが特徴です。

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Vue CLI

Vue CLIは、Vue.jsでアプリケーション開発を行うためのコマンドラインインタフェース(CLI)に基づいた開発ツールです。インタラクティブなプロジェクトの雛形や設定なしで使用できるプロトタイプの作成など、さまざまな機能が用意されています。

Q&A

0回答

1997閲覧

vue-cli 3.0環境構築でエラー(BrowserslistError)が出る

1042limit

総合スコア29

Windows 10

Windows 10は、マイクロソフト社がリリースしたOSです。Modern UIを標準画面にした8.1から、10では再びデスクトップ主体に戻され、UIも変更されています。PCやスマホ、タブレットなど様々なデバイスに幅広く対応していることが特徴です。

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Vue CLI

Vue CLIは、Vue.jsでアプリケーション開発を行うためのコマンドラインインタフェース(CLI)に基づいた開発ツールです。インタラクティブなプロジェクトの雛形や設定なしで使用できるプロトタイプの作成など、さまざまな機能が用意されています。

0グッド

0クリップ

投稿2019/10/06 22:55

Vue Cliで環境構築をしていますが、コケてしまい進みません。
ご助力のほどよろしくお願いいたします。

環境
windows 10
node node v10.16.3

エラーが出る事象

npm install -g @vue/cli vue create my-project cd my-project npm run serve

と進むのですがnpm run serveと入れるとエラーが出ます。

Module build failed (from ./node_modules/babel-loader/lib/index.js): BrowserslistError: [BABEL] C:\Users\User\desktop\app\app3\src\main.js: C:\Users\User\desktop\app\app3 contains both browserslist and package.json with browsers (While processing: "C:\Users\User\desktop\app\app3\node_modules\@vue\babel-preset-app\index.js") at C:\Users\User\desktop\app\app3\node_modules\browserslist\node.js:263:15 at eachParent (C:\Users\User\desktop\app\app3\node_modules\browserslist\node.js:47:18) at Object.findConfig (C:\Users\User\desktop\app\app3\node_modules\browserslist\node.js:246:20) at Function.loadConfig (C:\Users\User\desktop\app\app3\node_modules\browserslist\node.js:177:37) at browserslist (C:\Users\User\desktop\app\app3\node_modules\browserslist\index.js:325:31) at getTargets (C:\Users\User\desktop\app\app3\node_modules\@babel\preset-env\lib\targets-parser.js:184:50) at getPolyfills (C:\Users\User\desktop\app\app3\node_modules\@vue\babel-preset-app\index.js:20:26) at module.exports (C:\Users\User\desktop\app\app3\node_modules\@vue\babel-preset-app\index.js:106:17) at loadDescriptor (C:\Users\User\desktop\app\app3\node_modules\@babel\core\lib\config\full.js:167:14) at cachedFunction (C:\Users\User\desktop\app\app3\node_modules\@babel\core\lib\config\caching.js:33:19) at loadPresetDescriptor (C:\Users\User\desktop\app\app3\node_modules\@babel\core\lib\config\full.js:257:36) at config.presets.reduce (C:\Users\User\desktop\app\app3\node_modules\@babel\core\lib\config\full.js:79:21) at Array.reduce (<anonymous>) at recurseDescriptors (C:\Users\User\desktop\app\app3\node_modules\@babel\core\lib\config\full.js:76:38) at loadFullConfig (C:\Users\User\desktop\app\app3\node_modules\@babel\core\lib\config\full.js:110:6) at process.nextTick (C:\Users\User\desktop\app\app3\node_modules\@babel\core\lib\transform.js:28:33)

package.jsonは以下のようになっています。

{ "name": "app3", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "lint": "vue-cli-service lint" }, "dependencies": { "core-js": "^2.6.5", "vue": "^2.6.10" }, "devDependencies": { "@vue/cli-plugin-babel": "^3.11.0", "@vue/cli-plugin-eslint": "^3.11.0", "@vue/cli-service": "^3.11.0", "babel-eslint": "^10.0.1", "eslint": "^5.16.0", "eslint-plugin-vue": "^5.0.0", "vue-template-compiler": "^2.6.10" }, "eslintConfig": { "root": true, "env": { "node": true }, "extends": [ "plugin:vue/essential", "eslint:recommended" ], "rules": {}, "parserOptions": { "parser": "babel-eslint" } }, "postcss": { "plugins": { "autoprefixer": {} } }, "browserslist": [ "> 1%", "last 2 versions" ] }

やったこと

.browserslistrcを削除するといいとStackOverFlowに書かれていたので

rm .browserslistrc

を行い除去を試みましたがそのようなファイルはないと返ってきます。

ご助力のほどよろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問