css - meteor 类型错误 : require(. ..).addStyles 不是函数

标签 css reactjs meteor

我正在尝试添加这样的样式:

import './landing.css';

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

在 React 组件中出现此错误:

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

我使用的是最新的 Meteor 1.5.2.1

/imports/ui/pages/Landing.jsx 在 React 组件中:

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

.someClass {
    color: red
}

我需要一些额外的包裹吗?

最佳答案

确保“/imports/ui/pages/Landing.jsx”没有被导入“lib”或“both”或“server”?我只在尝试执行 SSR 并且文件正在加载到“lib”目录(可由服务器和客户端访问)时看到该错误发生。

关于css - meteor 类型错误 : require(. ..).addStyles 不是函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46497532/

相关文章:

typescript - 将 ESLint 添加到 Meteor + Vue + Typescript 项目

css - 子div不会覆盖CSS中的父div

javascript - 如何使用提交按钮添加两个 Select 标签以跳转到 url URL

css - Safari 中的文本阴影被截断/不渲染超出元素边界

reactjs - 未捕获的类型错误 : Cannot read property 'hasOwnProperty' of undefined react-dom. production.min.js:760

reactjs - 如何在 React Router 和 outlet 中不使用高阶函数的情况下在两个组件之间共享数据

javascript - Meteor.js 部署用于 Web 和移动 native 应用程序,一个代码库

css - SASS CSS : Target Parent Class from Child

reactjs - 无法使react-hot-loader和webpack-dev-server与react-router一起工作

javascript - 处理 meteor 中的新记录