css-loaderはもうCSSにノードをインポートせず、エラーをスローする

Question

元は、<div id="react-content"></div要素を含むdivを持つindex.htmlページがありました。私は現在、文字列にレンダリングされたUI要素に反応するためのテンプレート言語としてハンドルバーを追加しました。

問題は、私はcssを自分のノードプロジェクトにインポートするためにcss-loaderを使用しており、それはもはやインポートしていないということです。私がindex.htmlファイルを使用したとき、それは機能しましたが、今はそうではありません。ノードはエラー（webpackではなく）を投げています。私はむしろ公共のディレクトリにスタイルシートを<link />として含めないでください。私はこれがなぜ起こっているのか理由を考えることができません。

エラー

SyntaxError: /Users/***/Documents/Isomorphic React-Node/ 
Restuarant /src/components/homePageStyle.css: Unexpected token (6:0) 

---

import React, {Component} from 'react'; 
    import PropTypes from 'prop-types'; 
    import HeaderMenu from './HeaderMenu'; 
    import MainVisualDisplay from './MainVisualDisplay'; 
    import homePageStyle from './homePageStyle.css'; 

    //HomePage component 
    const HomePage =() => 
    { 
    return (

    <div> 
     <HeaderMenu item1="Menu" item2="Locations" item3="About Us"/> 
    </div> 
    )  
} 
// 
const forHeaderMenu =() => (
    HomePage.item1: PropTypes.string.isRequired, 
    HomePage.item2: PropTypes.string.isRequired, 
    HomePage.item3: PropTypes.string.isRequired 
) 

const forMainVisualDisplay =() => 
(
    HomePage.displayImages: PropTypes.array 
) 

HomePage.propTypes = { 
     forHeaderMenu, 
     forMainVisualDisplay 
    }; 

export default HomePage; 

Answer 1

それを考え出しました。ノードは.jsだけを知っているときに.css拡張をコンパイルしようとしていました。私はエクステンションが必要でした。

require.extensions['.css'] =() => { 
    return; 
};