小编Mic*_*ley的帖子
创建 React App 上的情绪 js - 'jsx' 已定义但从未使用
所以我emotion-js第一次尝试使用并被 css prop 功能迷住了。
在尝试文档所说的内容时，我收到了来自 eslint 的警告。
'jsx' 已定义但从未使用过 @typescript-eslint/no-unused-vars
我使用的脚本看起来像这样。
import React from "react";
//** @jsx jsx */
import { jsx } from "@emotion/core";
export const Component = () => {
return (
<div css={{color: red}}>
This is a component
</div>
)
}
我正在使用 VSCode，所以我可以看到这个导入被标记为从未使用过。(有透明色)
但是我确实将它用于我的 div，如果我删除导入，我的 css prop 会显示错误。
请帮助了解如何避免此 eslint 警告，或者至少让 VSCode 识别出正在使用 jsx。
谢谢！
编辑：（添加参考）
参考：https : //emotion.sh/docs/css-prop#jsx-pragma
编辑 2：我尝试添加.eslintrc看起来像这样的文件
{
"parser": "@typescript-eslint/parser",
"plugins": ["@typescript-eslint"],
"extends": ["plugin:@typescript-eslint/recommended"],
"rules": {
"@typescript-eslint/no-unused-vars": [ …推荐指数
解决办法
查看次数
简单的引导选择不起作用
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="bootstrap-select.min.css">
</head>
<body>
<select class="selectpicker">
<option>Choose</option>
<option>1</option>
<option>1</option>
</select>
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="bootstrap-select.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.selectpicker').selectpicker();
});
</script>
</body>
</html>
我有这个代码。我正在使用 jquery 3.3.1 我使用了https://github.com/silviomoreto/bootstrap-select中的 bootstrap-select并将其复制到本地以节省一些加载时间。但是当我尝试运行这个时，我得到了这个结果：
我做错事了吗？我尝试寻找答案，但似乎找不到任何有效的答案。谢谢。
注意：我尝试使用 Chrome 和 Firefox，两者都给出了相同的结果。
推荐指数
解决办法
查看次数
为什么 Typescript 不能对数组使用包含函数？
我知道 Typescript 使用 ES6 或 ES2015。
而且我知道这anArray.includes('ifExist');仅在 ES6 中可用。
但是为什么我在使用Typescript时不能使用它？它说anArray没有方法includes。
我的数组
anArray = [
{
'category': 'x',
'data': []
},
{
'category': 'y',
'data': []
},
{
'category': 'z',
'data': []
}
];
ifExist 变量
ifExist = {
'category': 'a',
'data': []
};
如果我使用anArray.indexOf(isExist) < 0，我可以得到类似的结果anArray.includes(isExist)。
推荐指数
解决办法
查看次数
标签 统计
css ×1
ecmascript-6 ×1
emotion ×1
eslint ×1
html ×1
javascript ×1
jquery ×1
reactjs ×1
typescript ×1