css-loader將不再將css導入節點，從而引發錯誤

Question

最初，我有一個index.html頁面，其中的div包含<div id="react-content"></div元素。 我現在將把手作為模板語言包含在內，以服務於將響應ui元素渲染為字符串。

問題是，我正在使用css-loader將css導入到我的節點項目中，並且不再導入。 當我使用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

弄清楚了。 Node僅在知道.js時才嘗試編譯.css擴展名。 我需要擴展。

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