Question

我正在尝试整合笑话以生成React SPA。

使用

创建反应应用

npx create-react-app my-app

我正在尝试将Jest集成到其中。默认情况下，“ jest”和“ babel-jest”依赖项集成在package.json中。它正在使用版本23 *，但无法更新。

运行简单测试时出现错误。它要求未解决的css文件。

我尝试过

1）

 "moduleNameMapper": {
    "\\.(css)$": "<rootDir>/node_modules/jest-css-modules"
  }

2）

 "moduleNameMapper": {
    "\\.(css)$": "<rootDir>/src/__mocks__/styleMock"
 }

3）

 "moduleNameMapper": {
    "\\.(css)$": "<rootDir>/src/__mocks__/styleMock.js"
 }

4）

 "moduleNameMapper": {
    "\\.(css)$":"identity-obj-proxy"
 }

我使用“ npm test”命令运行。

 "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }

我也尝试在下面添加，

"transform": { ".*": "<rootDir>/node_modules/babel-jest" }

和

  "moduleFileExtensions": [
    "js",
    "jsx",
    "json",
    "node",
    "scss",
    "ts",
    "tsx"
  ]

但没有任何效果。

  1 | import React, { Component } from "react";
> 2 | import "./login.css";
    | ^
  3 | import Image from "react-bootstrap/Image";
  4 | 
  5 | import default_picture from "./../assets/default_picture.jpg";

  at Resolver.resolveModule (node_modules/jest-resolve/build/index.js:221:17)
  at Object.<anonymous> (src/components/AppLogin.jsx:2:1)

开玩笑回应CSS问题

0 个答案: