web-dev-qa-db-ja.com

webpack＆babel-polyfill：ソースディレクトリの 'core-js / modules / es6.array.map'を解決できません

webpackを実行すると、このエラーが発生します。

Module not found: Error: Can't resolve 'core-js/modules/es6.array.map' in '/path/to/project/src'
 @ ./src/index.ts 1:0-39

index.ts：

console.log([1, 2, 3].map(x => x * x));

.babelrc：

{
  "presets": [
    [
      "@babel/preset-env",
      {
        "useBuiltIns": "usage"
      }
    ]
  ]
}

webpack.config.js：

const path = require('path');

module.exports = {
  mode: 'development',

  entry: './src/index.ts',
  devtool: false,
  output: {
    filename: 'bundle.js',
    path: path.join(__dirname, 'dist')
  },
  module: {
    rules: [
      {
        test: /\.ts$/,
        use: [
          { loader: 'babel-loader' },
          { loader: 'ts-loader' }
        ]
      }
    ]
  },
  resolve: {
    extensions: [
      '.ts'
    ]
  }
};

エラーがsrc/ではなくnode_modules/のモジュールを解決しようとしているのは非常に奇妙だと思います。

node_modulesとpackage.jsonを削除してからnpm iを削除しようとしましたが、状況は変わりませんでした。

@babel/polyfillを使用する別の方法も試してみました ここ 。

useBuiltInsを'entry'に設定すると、同様のエラーの数が増えます。 falseに設定すると、さまざまなエラーが発生しました。

Module not found: Error: Can't resolve 'core-js/es6' in '/path/to/project/node_modules/@babel/polyfill/lib'
 @ ./node_modules/@babel/polyfill/lib/index.js 3:0-22
 @ multi @babel/polyfill ./src/index.ts

ERROR in ./node_modules/@babel/polyfill/lib/index.js
Module not found: Error: Can't resolve 'regenerator-runtime/runtime' in '/path/to/project/node_modules/@babel/polyfill/lib'
 @ ./node_modules/@babel/polyfill/lib/index.js 23:0-38
 @ multi @babel/polyfill ./src/index.ts

core-jsとregenerator-runtimeはnode_modules/@babel/polyfill/にインストールする必要があるようです。現在、ディレクトリにはindex.jsとnoConflict.jsのみがあります。これらのモジュールをこのディレクトリに手動でインストールする必要がありますか？

javascriptnode.jstypescriptwebpackbabel-polyfill
6
legogo

resolvesに以下を追加してみてください-

  resolve: {
    extensions: [
      '.ts',
      '.js' // add this
    ]
  }
1
legogo