运行webpack错误信息：element.loader.split不是函数

在项目中我使用了Babel-plugin--导入，用于实现ant desgin按需加载，但是当我运行webpack时，出现错误信息运行webpack错误信息：element.loader.split不是函数

以下是错误消息

/usr/local/lib/node_modules/webpack/node_modules/webpack- core/lib/LoadersList.js:58

if(element.loader) return element.loader.split("!");

TypeError: element.loader.split is not a function

这里是我的代码

的WebPack-config.js

module.exports = { 
    entry: __dirname + "/src/main.js", 
    output: { 
     path: __dirname + "/dist/js", 
     filename: "weitac-visual-layout.js" 
    }, 
    module: { 
     loaders: [ 
      { 
       test: /\.js?$/, 
       loader: 'babel-loader', 
       query: { 
        presets: ['react', 'es2015','stage-1'], 
        plugins: [ 
         ["import", {"libraryName": "antd", "style": "css"}] 
        ] 
       }, 
      }, 
      { 
       test: /\.css?$/, 
       loader: ['style-loader','css-loader'], 
      } 

     ] 
    } 
}

的package.json

"devDependencies": { 
    "babel-loader": "^7.0.0", 
    "babel-plugin-import": "^1.2.1", 
    "babel-preset-es2015": "^6.24.1", 
    "babel-preset-react": "^6.24.1", 
    "babel-preset-stage-1": "^6.24.1", 
    "babel-preset-stage-3": "^6.24.1", 
    "react-router-dom": "^4.1.1", 
    "webpack": "^2.5.1", 
    "webpack-dev-server": "^2.4.5" 
    }, 
    "dependencies": { 
    "antd": "^2.10.1", 
    "babel-core": "^6.24.1", 
    "prop-types": "^15.5.10", 
    "react": "^15.5.4", 
    "react-dom": "^15.5.4", 
    "react-router": "^4.1.1" 
    }

我不知道我在哪里写的不对，请大家帮我指出，谢谢

来源

2017-06-01 Da.Xin

我找到进程问题

下面是正确的代码

{ 
    test: /\.css?$/, 
    loader: 'style-loader!css-loader', 
}

我太粗心了，我祝大家儿童节快乐〜

来源

2017-06-01 06:49:37

运行webpack错误信息：element.loader.split不是函数

回答

相关问题