無法解析“babel-loader”

Question

我正在嘗試配置我的第一個節點反應應用程序。

我不斷收到一條錯誤消息，提示“無法解析 babel-loader”。

谷歌搜索那個錯誤，我發現了一些不起作用的建議。

首先是在我的webpack.config.js中添加以下內容

// resolveLoader: {
  //       modulesDirectories: '/usr/local/lib/node_modules'
  //   },

嘗試產生一個錯誤，說：

Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
 - configuration.resolveLoader has an unknown property 'modulesDirectories'. These properties are valid:
   object { alias?, aliasFields?, cachePredicate?, descriptionFiles?, enforceExtension?, enforceModuleExtension?, extensions?, fileSystem?, mainFields?, mainFiles?, moduleExtensions?, modules?, plugins?, resolver?, symlinks?, unsafeCache?, useSyncFileSystemCalls? }

下一個建議是嘗試：

resolveLoader: {
        fallback: '/usr/local/lib/node_modules'
    },

這會產生類似的錯誤。

有沒有人對如何開始使用此配置有任何建議。 事實證明，理解文檔很困難——每一個單詞都是行話，我找不到一個參考點來基本理解需要做什么才能開始這個設置。

Webpack.config.js 是：

module.exports = {
  entry: './app/app.jsx',
  output: {
    path: __dirname,
    filename: './public/bundle.js'
  },

  resolve: {
    modules: [__dirname, 'node_modules'],
    alias: {
      Greeter: 'app/components/Greeter.jsx',
      GreeterMessage: 'app/components/GreeterMessage.jsx',
      GreeterForm: 'app/components/GreeterForm.jsx',

    },
    extensions: ['.js', '.jsx']
  },

  // resolveLoader: {
  //       fallback: '/usr/local/lib/node_modules'
  //   },

  module :{
    rules:[{
      // use : 'babel-loader',
      loader: 'babel-loader',
      query :{
        presets:['react','es2015']
        // ,'es2017'
      },
      test: /\.jsx?$/,
      exclude: /(node_modules|bower_components)/
    }
   ]
 }


};

Answer 1

我有同樣的問題； 我通過安裝 babel-loader 模塊修復了它：

yarn add -D babel-loader

或

npm install --save babel-loader