Meteor TypeError: require (...) addStyles est pas une fonction

Question

Je suis en train d'ajouter des styles comme ceci:.

import './landing.css'; 

ou

import { someClass } from "./landing.css"; 

à réagir composants et obtenir cette erreur:

TypeError: require(...).addStyles is not a function

J'utilise la dernière Meteor 1.5.2.1

/imports/ui/pages/Landing.jsx dans React composant:

import React, { Component } from 'react'; 
import { Grid, Row, Col } from 'react-bootstrap'; 
import './landing.css' 
// import { someClass } from "./landing.css"; 

export default class Landing extends Component { 

    constructor(props){ 
    super(props); 
    } 

    render() { 
    return (
     <Grid fluid id="landing"> 
      <Row className="show-grid"> 
       <Col xs={12} md={12}> 
        <h1 className="someClass"> 
         Landing Page 
        </h1> 
       </Col> 
      </Row> 
     </Grid> 
    ); 
    } 
} 

/imports/ui/pages/landing.css En ./landing.css:

.someClass { 
    color: red 
} 

Do I besoin de quelques paquets supplémentaires?

Answer 1

Vous ne pouvez pas importer de cette façon: "import {someClass} from" ./landing.css ";" Vous pouvez inclure votre fichier CSS en utilisant ce code import './landing.css'; après « importation », vous devez écrire chemin relatif à votre fichier CSS

Answer 2

Assurez-vous « /imports/ui/pages/Landing.jsx » n'est pas importé dans le "lib" ou "à la fois" ou "serveur"? Je vois seulement cette erreur se produire quand j'essaye de faire le SSR et le dossier est chargé dans le répertoire "lib" (accessible par le serveur et le client).