问题

我一直在使用Jest和Enzyme为我的React组件编写测试,并使用了很棒的Styled Components库.

但是,由于我已经实现了主题,所以我的所有测试都在破坏.让我给你举个例子.

这是我的LooksBrowser组件的代码(我删除了所有的import和prop-types以使其更具可读性):

const LooksBrowserWrapper = styled.div`
  position: relative;
  padding: 0 0 56.25%;
`;

const CurrentSlideWrapper = styled.div`
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
`;

const NextSlideWrapper = CurrentSlideWrapper.extend`
  z-index: 1;
`;

const SlideImage = styled.img`
  display: block;
  width: 100%;
`;

const SlideText = styled.div`
  display: flex;
  position: absolute;
  top: 25%;
  left: ${PXToVW(72)};
  height: 25%;
  flex-direction: column;
  justify-content: center;
`;

const SlideTitle = styled.p`
  flex: 0 0 auto; …

我正在从头开始使用 TypeScript 和样式组件设置一个 React 项目。我之前已经这样做过，并且在之前的项目中，VS Code Stylelint 扩展效果非常好。

但是，在我的新项目中，我无法让它在.ts文件中工作.tsx。它仍然可以在文件中工作.js。我的设置与我之前的项目完全相同，所以我真的很困惑为什么它不起作用。

我已经在 VS Code Github 存储库中提出了一个问题，但它立即被关闭。该扩展本身已禁用打开任何问题的可能性。

一些屏幕截图来说明我的观点：

.js在文件 中工作的 Stylelint

.tsStylelint 在文件 中不起作用

.ts在另一个项目的文件 中工作的 Stylelint

如果您需要有关我的配置或任何内容的更多信息，请告诉我。任何帮助是极大的赞赏

编辑：看起来作者已经删除了扩展..

目前我正在努力让HMR在我的Webpack 2设置中工作.我将解释我的整个设置,所以我希望这足以让某人了解正在发生的事情.

我项目的结构:

config
  dev.js
  prod.js 
dist
  css
  js
  index.html
node_modules
src
  components
    // some JavaScript components
  shared
  stylesheets
  index.js
.babelrc
package.json
webpack.config.js

这是我的webpack.config.js文件的内容,放在我的项目的根目录中:

function buildConfig(env) {
  return require('./config/' + env + '.js')(env)
}

module.exports = buildConfig;

所以在这个文件中我可以选择将不同的环境传递给buildConfig函数.我使用此选项来使用不同的配置文件进行开发和生产.这是我package.json文件中的内容:

{
  "main": "index.js",
  "scripts": {
    "build:dev": "node_modules/.bin/webpack-dev-server --env=dev",
    "build:prod": "node_modules/.bin/webpack -p --env=prod"
  },
  },
  "devDependencies": {
    "autoprefixer-loader": "^3.2.0",
    "babel-cli": "^6.18.0",
    "babel-core": "^6.24.1",
    "babel-loader": "^6.2.5",
    "babel-preset-latest": "^6.16.0",
    "babel-preset-react": "^6.16.0",
    "babel-preset-stage-0": "^6.16.0",
    "css-loader": "^0.25.0",
    "extract-text-webpack-plugin": "^2.1.0",
    "json-loader": "^0.5.4", …