Webpack 파일 로더는 Windows에서만 작동하지만, Mac에서는 작동하지 않습니다.

Question

일부 파일 로더 규칙과 함께 webpack을 사용하는 React 프로젝트가 있습니다. 나는를 실행하려고 할 때 놀라 울 정도로

ERROR in ./src/components/Header/index.js 
Module not found: Error: Can't resolve '../../assets/images/search.jpg' in '/Users/leonimurilo/Personal projects/4Petson/src/components/Header' 
@ ./src/components/Header/index.js 165:56-97 
@ ./src/components/App/index.js 
@ ./src/routes.js 
@ ./src/index.js 
@ multi ./src/webpack-public-path webpack-hot-middleware/client?reload=true ./src/index.js 

: 나는 가져 오는/내 반작용 성분이 같은 (JSX)에서 이미지를 필요로했다 :

<img src={require('../../assets/images/msg.png')} /> 

맥 OS 컴퓨터에서 그리고이 오류가 발생합니다 프로젝트는 Windows 7 컴퓨터에서 완벽하게 작동했습니다.

이

module: { 
    rules: [ 
     {test: /\.jsx?$/, exclude: /node_modules/, loaders: ['babel-loader']}, 
     {test: /\.eot(\?v=\d+.\d+.\d+)?$/, loader: 'file-loader'}, 
     {test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: 'url-loader?limit=10000&mimetype=application/font-woff'}, 
     {test: /\.[ot]tf(\?v=\d+.\d+.\d+)?$/, loader: 'url-loader?limit=10000&mimetype=application/octet-stream'}, 
     {test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, loader: 'url-loader?limit=10000&mimetype=image/svg+xml'}, 
     {test: /\.(jpe?g|png|gif)$/i, loader: 'file-loader?name=[name].[ext]'}, 
     {test: /\.ico$/, loader: 'file-loader?name=[name].[ext]'}, 
     {test: /(\.css|\.scss|\.sass)$/, loaders: ['style-loader', 'css-loader?sourceMap', 'postcss-loader', 'sass-loader?sourceMap']} 
    ] 
    } 

누군가가 나에게이 문제를 해결하는 데 도움 수 : 여기

내 웹팩 모듈 오브젝트인가?

Answer 1

버전이 동일하더라도 파일 로더를 최신 버전으로 업데이트하면 문제가 해결되었습니다.