2017-07-22 4 views
0

A l'origine, j'avais une page index.html avec un div contenant un élément <div id="react-content"></div. J'ai maintenant inclus guidons comme un langage de modèle pour servir les éléments de réaction ui rendus à la chaîne.css-loader n'importera plus css dans le noeud, erreur de lancement

Le problème est que j'utilise un chargeur de css pour importer css dans mon projet de noeud et qu'il ne l'importe plus. Quand j'ai utilisé le fichier index.html, cela a fonctionné, mais maintenant ce n'est pas le cas, le noeud envoie une erreur (pas webpack). Je préfère ne pas inclure la feuille de style dans un répertoire public en tant que <link />. Je ne peux pas penser à une raison pour laquelle cela se produit.

Erreur

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; 
+0

Je suppose que votre serveur traite votre code source et non le code généré par webpack. –

Répondre

0

figured it out. Node essayait de compiler l'extension .css quand il connaissait seulement .js. J'avais besoin d'une extension.

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