javascript - blueprintjs 中的 CSS 无法正确加载
问题描述
我在 reactjs 项目中使用来自 blueprintjs 的过滤器输入,但样式无法正确加载,这是我的代码:
Assigning.jsx
import './Assigning.scss';
export default class Assigning extends Component {
render() {
return (
<div className="bp3-input-group modifier">
<span className="bp3-icon bp3-icon-filter" />
<input
type="text"
className="bp3-input modifier"
placeholder="Filter histogram..."
/>
</div>
);
}
}
Assigning.scss
@import '~@blueprintjs/core/lib/css/blueprint.css';
@import '~@blueprintjs/icons/lib/css/blueprint-icons.css';
解决方案
~
导入开始时需要字符吗?它适用于以下导入
import "@blueprintjs/table/lib/css/table.css";
import "@blueprintjs/icons/lib/css/blueprint-icons.css";
该组件的完整代码是
import React, { Component } from 'react';
class TestComponent extends Component {
render() {
return (
<div className="bp3-input-group modifier">
<span className="bp3-icon bp3-icon-filter" />
<input
type="text"
className="bp3-input modifier"
placeholder="Filter histogram..."
/>
</div>
);
}
}
export default TestComponent;
推荐阅读
- php - 找不到“etc”文件夹来更改 php.ini
- laravel - 如何使用 composer 安装 JoggApp/laravel-google-translate?
- c# - 在触摸屏设备之间切换
- javascript - 如何在 javascript 中执行另一个代码之前设置一些数据?
- mysql - 在单个列上使用 IF THEN ELSE 条件创建 MySQL 触发器
- node.js - TypeOrm 和 MongoDB,插入未出现在数据库中
- ssl - 在具有相同端口号的 IIS 网站上使用不同的 SSL 证书
- java - 在 Java 中实现优先级队列
- python - 从批处理文件运行python脚本时,如何自动将输入值传递给python“输入”函数
- substring - 反应中的子串