2016-06-04 1 views
0

위한 '모듈을 찾을 수 없습니다'반환합니다. body에서 스타일을 지정하면 작동하는지 확인할 수 있습니다. 그리고 내 webpack.config.js 파일이 있습니다 : 내가 전에 ../ 추가, 그것은로드 얻을 수있는 모든 방법을 시도웹팩 번들은 내가 폴더는 다음과 같이 구성되어 응용 프로그램이 CSS

var React = require('react'); 
var ReactDOM = require('react-dom'); 

require('assets/css/myapp.css'); 

var HelloWorld = React.createClass({ 
    render: function() { 
     return (
      <div> Hello ReactJs</div> 
     ) 
    } 
}); 

ReactDOM.render(
    <HelloWorld />, 
    document.getElementById('app') 
) 

:이 같은 index.js에 필요한 CSS 파일을 넣어 가지고

// In webpack.config.js 
var HtmlWebpackPlugin = require('html-webpack-plugin'); 
var HTMLWebpackPluginConfig = new HtmlWebpackPlugin({ 
    template: __dirname + '/app/index.html', 
    filename: 'index.html', 
    inject: 'body' 
}); 
module.exports = { 
    entry: [ 
    './app/index.js' 
    ], 
    output: { 
    path: __dirname + '/dist', 
    filename: "index_bundle.js" 
    }, 
    module: { 
    loaders: [ 
     {test: /\.js$/, exclude: /node_modules/, loader: "babel-loader"}, 
     {test: /\.css$/, loaders: ['style', 'css']} 
    ] 
    }, 
    plugins: [HTMLWebpackPluginConfig] 
}; 

자산 단어와 everythig,하지만 난 그냥 콘솔에서이 오류를 수신 유지 : Error: Cannot find module "assets/css/myapp.css"

내가 한 번 확인을

css-loader 및을3210은 모두 /node_modules 폴더에 있습니다.

내가 뭘 잘못하고 있니? 나는 3 시간 이상 그것에 붙어있어, 수십 개의 자습서를 확인하고, 나는 모두 지정했다. 도와 주셔서 감사합니다!

+1

require ('./ assets/css/myapp.css'); 대신 require ('assets/css/myapp.css'); ? – QoP

+0

네, 그냥 보았습니다 ... 당신은 전적으로 라이트입니다. 정답은 당신 것입니다. –

답변

2

음 ... 난 그냥이처럼 필요 라인에 ./을 추가하는 데 필요한 :

require('./assets/css/myapp.css');

희망이 다른 사람을 도움이됩니다. 감사합니다. @QoP

관련 문제