Q&A
タイトルの通りになってしまいますが、
現在、google chromeの開発者用コンソールにて、
console
1**Uncaught Error: Module build failed (from ./node_modules/babel-loader/lib/index.js):「bootstrap:83」** 2 3**Error: .plugins[3] may only be a two-tuple or three-tuple**
このようなエラーが出ていて、
rails6環境で「bundle exec rails s」をすると、
ブラウザが真っ白な状況になってしまいます。
（確認内容）
その１、./node_modules/babel-loader/lib/index.jsの中身
⇨該当のpluginを探してみたのですが、見つかりませんでした。
その２、npm list
├── @babel/core@7.14.6 ├── @babel/preset-env@7.14.7 ├── babel-loader@8.2.2 ├── css-loader@6.1.0 ├── file-loader@6.2.0 ├── vue-loader@16.3.1 ├── vue-template-compiler@2.6.14 ├── vue@2.6.14 ├── webpack-cli@4.7.2 └── webpack@5.45.1
その３、yarn list -s --pattern "babel"
├─ @babel/code-frame@7.14.5 ├─ @babel/compat-data@7.14.7 ├─ @babel/core@7.14.6 ├─ @babel/generator@7.14.5 ├─ @babel/helper-annotate-as-pure@7.14.5 ├─ @babel/helper-builder-binary-assignment-operator-visitor@7.14.5 ├─ @babel/helper-compilation-targets@7.14.5 ├─ @babel/helper-create-class-features-plugin@7.14.6 ├─ @babel/helper-create-regexp-features-plugin@7.14.5 ├─ @babel/helper-define-polyfill-provider@0.2.3 ├─ @babel/helper-explode-assignable-expression@7.14.5 ├─ @babel/helper-function-name@7.14.5 ├─ @babel/helper-get-function-arity@7.14.5 ├─ @babel/helper-hoist-variables@7.14.5 ├─ @babel/helper-member-expression-to-functions@7.14.7 ├─ @babel/helper-module-imports@7.14.5 ├─ @babel/helper-module-transforms@7.14.5 ├─ @babel/helper-optimise-call-expression@7.14.5 ├─ @babel/helper-plugin-utils@7.14.5 ├─ @babel/helper-remap-async-to-generator@7.14.5 ├─ @babel/helper-replace-supers@7.14.5 ├─ @babel/helper-simple-access@7.14.5 ├─ @babel/helper-skip-transparent-expression-wrappers@7.14.5 ├─ @babel/helper-split-export-declaration@7.14.5 ├─ @babel/helper-validator-identifier@7.14.5 ├─ @babel/helper-validator-option@7.14.5 ├─ @babel/helper-wrap-function@7.14.5 ├─ @babel/helpers@7.14.6 ├─ @babel/highlight@7.14.5 ├─ @babel/parser@7.14.7 ├─ @babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.14.5 ├─ @babel/plugin-proposal-async-generator-functions@7.14.7 ├─ @babel/plugin-proposal-class-properties@7.14.5 ├─ @babel/plugin-proposal-class-static-block@7.14.5 ├─ @babel/plugin-proposal-dynamic-import@7.14.5 ├─ @babel/plugin-proposal-export-namespace-from@7.14.5 ├─ @babel/plugin-proposal-json-strings@7.14.5 ├─ @babel/plugin-proposal-logical-assignment-operators@7.14.5 ├─ @babel/plugin-proposal-nullish-coalescing-operator@7.14.5 ├─ @babel/plugin-proposal-numeric-separator@7.14.5 ├─ @babel/plugin-proposal-object-rest-spread@7.14.7 ├─ @babel/plugin-proposal-optional-catch-binding@7.14.5 ├─ @babel/plugin-proposal-optional-chaining@7.14.5 ├─ @babel/plugin-proposal-private-methods@7.14.5 ├─ @babel/plugin-proposal-private-property-in-object@7.14.5 ├─ @babel/plugin-proposal-unicode-property-regex@7.14.5 ├─ @babel/plugin-syntax-async-generators@7.8.4 ├─ @babel/plugin-syntax-class-properties@7.12.13 ├─ @babel/plugin-syntax-class-static-block@7.14.5 ├─ @babel/plugin-syntax-dynamic-import@7.8.3 ├─ @babel/plugin-syntax-export-namespace-from@7.8.3 ├─ @babel/plugin-syntax-json-strings@7.8.3 ├─ @babel/plugin-syntax-logical-assignment-operators@7.10.4 ├─ @babel/plugin-syntax-nullish-coalescing-operator@7.8.3 ├─ @babel/plugin-syntax-numeric-separator@7.10.4 ├─ @babel/plugin-syntax-object-rest-spread@7.8.3 ├─ @babel/plugin-syntax-optional-catch-binding@7.8.3 ├─ @babel/plugin-syntax-optional-chaining@7.8.3 ├─ @babel/plugin-syntax-private-property-in-object@7.14.5 ├─ @babel/plugin-syntax-top-level-await@7.14.5 ├─ @babel/plugin-transform-arrow-functions@7.14.5 ├─ @babel/plugin-transform-async-to-generator@7.14.5 ├─ @babel/plugin-transform-block-scoped-functions@7.14.5 ├─ @babel/plugin-transform-block-scoping@7.14.5 ├─ @babel/plugin-transform-classes@7.14.5 ├─ @babel/plugin-transform-computed-properties@7.14.5 ├─ @babel/plugin-transform-destructuring@7.14.7 ├─ @babel/plugin-transform-dotall-regex@7.14.5 ├─ @babel/plugin-transform-duplicate-keys@7.14.5 ├─ @babel/plugin-transform-exponentiation-operator@7.14.5 ├─ @babel/plugin-transform-for-of@7.14.5 ├─ @babel/plugin-transform-function-name@7.14.5 ├─ @babel/plugin-transform-literals@7.14.5 ├─ @babel/plugin-transform-member-expression-literals@7.14.5 ├─ @babel/plugin-transform-modules-amd@7.14.5 ├─ @babel/plugin-transform-modules-commonjs@7.14.5 ├─ @babel/plugin-transform-modules-systemjs@7.14.5 ├─ @babel/plugin-transform-modules-umd@7.14.5 ├─ @babel/plugin-transform-named-capturing-groups-regex@7.14.7 ├─ @babel/plugin-transform-new-target@7.14.5 ├─ @babel/plugin-transform-object-super@7.14.5 ├─ @babel/plugin-transform-parameters@7.14.5 ├─ @babel/plugin-transform-property-literals@7.14.5 ├─ @babel/plugin-transform-regenerator@7.14.5 ├─ @babel/plugin-transform-reserved-words@7.14.5 ├─ @babel/plugin-transform-shorthand-properties@7.14.5 ├─ @babel/plugin-transform-spread@7.14.6 ├─ @babel/plugin-transform-sticky-regex@7.14.5 ├─ @babel/plugin-transform-template-literals@7.14.5 ├─ @babel/plugin-transform-typeof-symbol@7.14.5 ├─ @babel/plugin-transform-unicode-escapes@7.14.5 ├─ @babel/plugin-transform-unicode-regex@7.14.5 ├─ @babel/preset-env@7.14.7 ├─ @babel/preset-modules@0.1.4 ├─ @babel/runtime@7.14.6 ├─ @babel/template@7.14.5 ├─ @babel/traverse@7.14.7 ├─ @babel/types@7.14.5 ├─ babel-loader@8.2.2 ├─ babel-plugin-dynamic-import-node@2.3.3 ├─ babel-plugin-polyfill-corejs2@0.2.2 ├─ babel-plugin-polyfill-corejs3@0.2.3 └─ babel-plugin-polyfill-regenerator@0.2.2
その４、package.jsonの中身
{ "name": "（省略）", "version": "1.0.0", "main": "index.js", "repository": "（省略）", "author": "（省略）", "license": "MIT", "devDependencies": { "@babel/core": "^7.14.6", "@babel/preset-env": "^7.14.7", "babel-loader": "^8.2.2", "css-loader": "^6.1.0", "file-loader": "^6.2.0", "vue-loader": "^16.3.1", "vue-template-compiler": "^2.6.14", "webpack": "^5.45.1", "webpack-cli": "^4.7.2" }, "dependencies": { "vue": "^2.6.14" } }
上記内容が現在の状況です。
consoleのエラー解消のためにできることがあればご教授いただきたいです。
よろしくお願いいたします。
あなたの回答
tips
プレビュー
