Question

我已使用npm install webpack -g全局安装了webpack。

我还使用npm install --save-dev babel-loader babel-core安装了babel。

任何时候我输入webpack来获取构建文件，我都会这样：

C：\网站\了解-REACT＆GT;的WebPack

哈希：5d44ddfc6932f448e682

版本：webpack 2.2.1   时间：71ms

找不到Entry模块中的错误：错误：无法解析'C：\ Sites \ Learn-React'中的'babel'   BREAKING CHANGE：使用加载器时不再允许省略'-loader'后缀。   你需要指定'babel-loader'而不是'babel'。

关于如何解决这个问题的任何想法？

感谢。

Answer 1

只需执行错误消息：

使用加载器时不再允许省略'-loader'后缀。你需要指定'babel-loader'而不是'babel'。相应地修改$this->view->assign('blogs', $this->blogRepository->findSearchForm('Testblog',$limit));。

理由是automatic -loader module name extension has been removed。

Answer 2

要解决此问题，请转到您的webpack.config.js文件，然后将-loader添加到babel。看下面：

  //INCORRECT

  module: {
    loaders: [
        {
          test: /\.jsx?$/,
          exclude: /(node_modules)/,
          loader: 'babel',
          query: {
            presets: ['react', 'es2015']
          }
        }
    ]
  }


  //CORRECT

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

Answer 3

更改模块加载器并确保使用后缀'-loader'。

所以对于例如：

const path = require('path');

module.exports = {
 entry : './javascript/src/app.js',
 output: {
    path    : path.resolve(__dirname, 'javascript/dist'),
    filename: 'build.js'
 },
 module: {
    loaders: [
        {
            test   : /\.js$/,
            // Wrong
            // loader : 'babel',

            //Correct
            loader : 'babel-loader',
            exclude: /node_modules/
        }
    ]
  }
};

我没有webpack的构建文件

3 个答案: