react.js - webpack 打包反复报错 Data must be a string or a buffer

问题描述

问 题

运行环境为WINDOWS，请麻油帮忙看下为什么
以下为配置：

var webpack = require('webpack');

module.exports = {
    entry:{
        main :'./index.jsx',
        vendor:[
            'react',
            'react-dom',
            'react-router'
        ]
    },
    output:{
        path:'./built',
        filename:'[name].js',
    },
    module:{
        loaders:[
            {
                test:/\.css|\.scss$/,
                loader:'style-loader!css-loader!sass-loader'
            },
            {
                test:/\.js|\.jsx/,
                loader:'babel-loader'
            }

        ]
    },
    resolve:{
        extensions:["js","jsx","scss","css"]
    }
}

以下为错误：

C:\Users\Administrator\Desktop\react>webpack -w

Webpack is watching the files…

crypto.js:74
  this._handle.update(data, encoding);
               ^

TypeError: Data must be a string or a buffer
    at TypeError (native)
    at Hash.update (crypto.js:74:16)
    at HarmonyExportImportedSpecifierDependency.updateHash (C:\Users\Administrator\Desktop\react\node_modules\.npminstall\webpack\2.2.1\webpack\lib\dependencies\HarmonyExportImportedSpecifierDependency.js:144:8)
    at C:\Users\Administrator\Desktop\react\node_modules\.npminstall\webpack\2.2.1\webpack\lib\DependenciesBlock.js:33:5
    at Array.forEach (native)

解决方案

首先extensions应该是带.的，如['.js']。
然后test正则使用/.s?css$/,/.jsx?$/。
然后你的问题具体原因还不清楚，这是我发现的问题

这篇关于react.js - webpack 打包反复报错 Data must be a string or a buffer的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！