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
を行い除去を試みましたがそのようなファイルはないと返ってきます。
ご助力のほどよろしくお願いいたします。
あなたの回答
tips
プレビュー