Javascript 无法分析CSS样式表Jest&;js dom

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(

我使用react-typescript-sass-jest。 但jest虚拟控制台说“错误:无法解析CSS样式表”。 @导入css文件没有意义,只是样式而已。 我不会开玩笑的!救救我

如何修复解析器控制器我真的不会开玩笑

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

您找到过这个问题的答案吗?您找到过这个问题的答案吗?