8
Help us understand the problem. What are the problem?

posted at

updated at

core-js/modules/es6(以下略)が見つかりません。の場合

少し前に調べた事をメモっておく。
nodeか、vue-cliのバージョンとかを上げた時に、babelが古いと言われるので7に上げて…

$ npm run serve
$ vue-cli-service serve

serveすると…

These dependencies were not found:

core-js/modules/es6.array.iterator
core-js/modules/es6.function.name
core-js/modules/es6.number.constructor
core-js/modules/es6.object.assign
core-js/modules/es6.object.to-string
core-js/modules/es6.promise
core-js/modules/es6.regexp.match
core-js/modules/es6.regexp.replace
core-js/modules/es6.regexp.split
core-js/modules/es6.regexp.to-string
core-js/modules/es6.string.includes
core-js/modules/es6.string.iterator
core-js/modules/es6.typed.uint8-array
core-js/modules/es7.array.includes
core-js/modules/es7.promise.finally
core-js/modules/web.dom.iterable

が出ました。何かなと思ったら…
https://babeljs.io/docs/en/babel-preset-env#usebuiltins

Since @babel/polyfill was deprecated in 7.4.0, we recommend directly adding core-js and setting the version via the corejs option.
@ babel / polyfillは7.4.0で非推奨になったため、core-jsを直接追加し、corejsオプションでバージョンを設定することをお勧めします。

だそうです。なので、とりあえず

$ npm install --save core-js

これだけでは動かないので、babel.config.jsを書き換える必要があるみたいです。

babel.config.js
module.exports = {
  presets: [
    '@vue/app'
  ]
}

@babel/polyfillをimport/requireする方法だそうです。

babel.config.js
module.exports = {
  presets: [
    [
      "@vue/app", { useBuiltIns: "entry" } //entry または false
    ]
  ]
}

babel-preset-envのなにかを読み込める設定らしいです。

参考にしたページ
https://github.com/vuejs/vue-cli/issues/3678
https://aloerina01.github.io/blog/2018-11-29-1

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Sign upLogin
8
Help us understand the problem. What are the problem?