Javascript 无法分析CSS样式表Jest&;js dom
我使用react-typescript-sass-jest。 但jest虚拟控制台说“错误:无法解析CSS样式表”。 @导入css文件没有意义,只是样式而已。 我不会开玩笑的!救救我 如何修复解析器控制器我真的不会开玩笑Javascript 无法分析CSS样式表Jest&;js dom,javascript,ecmascript-6,jestjs,Javascript,Ecmascript 6,Jestjs,我使用react-typescript-sass-jest。 但jest虚拟控制台说“错误:无法解析CSS样式表”。 @导入css文件没有意义,只是样式而已。 我不会开玩笑的!救救我 如何修复解析器控制器我真的不会开玩笑 import * as React from "react"; configure({ adapter: new Adapter() }); describe("스냅샷 테스트 시트", () => { let wrapper: any = null; it(
import * as React from "react";
configure({ adapter: new Adapter() });
describe("스냅샷 테스트 시트", () => {
let wrapper: any = null;
it("matches snapshot", () => {
wrapper = renderer.create(<RecordBoxEx />);
});
});
import*as React from“React”;
配置({adapter:newadapter()});
描述(”스냅샷 테스트 시트", () => {
让包装器:any=null;
它(“匹配快照”,()=>{
wrapper=renderer.create();
});
});
玩笑日志
console.error node_modules/jest-environment-jsdom/node_modules/jsdom/lib/jsdom/virtual-console.js:29
Error: Could not parse CSS stylesheet
at exports.createStylesheet (C:\Users\user\Desktop\비상교육\개발관련\개발소스\node_modules\jest-environment-jsdom\node_modules\jsdom\lib\jsdom\living\helpers\stylesheets.js:35:21)
at HTMLStyleElementImpl._updateAStyleBlock (C:\Users\user\Desktop\비상교육\개발관련\개발소스\node_modules\jest-environment-jsdom\node_modules\jsdom\lib\jsdom\living\nodes\HTMLStyleElement-impl.js:67:5)
at HTMLStyleElementImpl._childTextContentChangeSteps (C:\Users\user\Desktop\비상교육\개발관련\개발소스\node_modules\jest-environment-jsdom\node_modules\jsdom\lib\jsdom\living\nodes\HTMLStyleElement-impl.js:36:12),
(...)
at Object.<anonymous> (C:\Users\user\Desktop\비상교육\개발관련\개발소스\common\shareClbee\newComponents\RecordBox\record.scss:3:1)
at Runtime._loadModule (C:\Users\user\Desktop\비상교육\개발관련\개발소스\node_modules\jest-runtime\build\index.js:577:12) @import "./../var.scss";
@import "../button.scss";
.record_box {
top: 450px;
visibility: visible;
&.off {
display: none;
}
.swiper-pagination-bullet {
pointer-events: none;
}
text-align: center;
.swiper-container {
position: relative;
width: 100%;
height: 322px;
margin-top: 102px;
.swiper-pagination {
position: absolute;
top: 0px;
bottom: unset;
font-size: 0px;
.swiper-pagination-bullet-active {
background: #ff2a66;
}
}
// background-color: rgba(0, 0, 0, 0.2);
}
console.warn node_modules/react-test-renderer/cjs/react-test-renderer.development.js:2256
Warning: componentWillReceiveProps has been renamed, and is not recommended for use.
* Move data fetching code or side effects to componentDidUpdate.
* If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps.
* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress this warning in non-strict mode. In React 17.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.
Please update the following components: RecordBoxEx
console.error node_modules/jest环境jsdom/node_modules/jsdom/lib/jsdom/virtual console.js:29
错误:无法分析CSS样式表
在exports.createStylesheet(C:\Users\user\Desktop\비상교육\개발관련\개발소스\node\u modules\jest环境jsdom\node\u modules\jsdom\lib\jsdom\living\helpers\stylesheets.js:35:21)
在HTMLStyleElementImpl.\u UpdateStyleBlock(C:\Users\user\Desktop\비상교육\개발관련\개발소스\node\u modules\jest环境jsdom\node\u modules\jsdom\lib\jsdom\living\nodes\HTMLStyleElement impl.js:67:5)
在HTMLStyleElementImpl.\u childTextContentChangeSteps(C:\Users\user\Desktop\비상교육\개발관련\개발소스\node_modules\jest environment jsdom\node_modules\jsdom\lib\jsdom\living\nodes\HTMLStyleElement impl.js:36:12),
(...)
在对象上。(C:\Users\user\Desktop)\비상교육\개발관련\개발소스\common\shareClbee\newComponents\RecordBox\record.scss:3:1)
运行时。\u loadModule(C:\Users\user\Desktop\비상교육\개발관련\개발소스\node_modules\jest runtime\build\index.js:577:12)@import././var.scss;
@导入“./button.scss”;
.录音盒{
顶部:450px;
能见度:可见;
&.关{
显示:无;
}
.swiper分页项目符号{
指针事件:无;
}
文本对齐:居中;
.swiper容器{
位置:相对位置;
宽度:100%;
高度:322px;
边缘顶端:102px;
.swiper分页{
位置:绝对位置;
顶部:0px;
底部:未设置;
字体大小:0px;
.swiper分页项目符号激活{
背景:ff2a66;
}
}
//背景色:rgba(0,0,0,0.2);
}
console.warn node_modules/react test renderer/cjs/react test renderer.development.js:2256
警告:componentWillReceiveProps已重命名,不建议使用。
*将数据提取代码或副作用移动到componentDidUpdate。
*如果在道具更改时更新状态,请重构代码以使用记忆技术,或将其移动到静态getDerivedStateFromProps。
*将componentWillReceiveProps重命名为UNSAFE_componentWillReceiveProps可在非严格模式下抑制此警告。在React 17.x中,只有UNSAFE_名称有效。若要将所有不推荐使用的生命周期重命名为新名称,可以在项目源文件夹中运行“npx React codemod Rename UNSAFE lifecycles”。
请更新以下组件:RecordBoxEx
您找到过这个问题的答案吗?您找到过这个问题的答案吗?