我正在尝试添加这样的样式:
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/