Meteor Typeerror: require (...) addStyles ist keine Funktion

Question

Ich versuche, Stile wie diese hinzufügen.

import './landing.css'; 

oder

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

bei reagieren Komponente und immer diese Fehlermeldung:

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

ich verwende letzten Meteor 1.5.2.1

/imports/ui/pages/Landing.jsx In Reaktion Komponente:

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 In ./landing.css:

.someClass { 
    color: red 
} 

Do I Brauchen Sie ein paar zusätzliche Pakete?

Answer 1

Sie können diesen Weg nicht importieren: "import {someClass} from" ./landing.css ";" Sie können Ihre CSS-Datei mit diesem Code import './landing.css'; nach ‚Einfuhr‘ enthalten, sollten Sie relativen Pfad zu Ihrer CSS-Datei

Answer 2

Stellen Sie sicher, „/imports/ui/pages/Landing.jsx“ schreiben wird nicht importiert werden in die "lib" oder "beide" oder "server"? Ich sehe diesen Fehler nur, wenn ich SSR versuche und die Datei in das Verzeichnis "lib" geladen wird (zugänglich für den Server und den Client).