小编Sil*_*Imp的帖子

也许你可以帮帮我？我尝试配置开玩笑使用babel @ 7所以我有:

"jest": "^23.4.1",
"@babel/core": "^7.0.0-beta.54",
"babel-7-jest": "^21.3.3",
"babel-jest": "^20.0.3",

并在package.json中配置jest

"jest": {
    "transform": {
      "^.+\\.js$": "babel-7-jest",
    },

得到了

TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string

但是,如果我使用

"jest": {
    "transform": {
      "^.+\\.js$": "babel-jest",
    },

我有

Requires Babel "^7.0.0-0", but was loaded with "6.26.3". If you are sure you have a compatible version of @babel/core, it is likely that something in your build process is loading the wrong version. Inspect the stack trace of this error to …

我在依赖项中有新遗物。当我尝试构建应用程序时，我得到

ERROR in ./node_modules/@newrelic/native-metrics/lib/pre-build.js
Module not found: Error: Can't resolve 'aws-sdk' in …

而aws-sdk 是newrelic 的依赖。我可能会安装 aws-sdk 作为我的应用程序的依赖项，但感觉不对。

我正在使用webpack构建 svg-sprite。

但有一个问题：部分图标有多种颜色，而部分\xe2\x80\x94\xc2\xa0只有一种颜色。它们按原样使用。

一种颜色图标应根据:hover/改变颜色:active。

并且，根据此我应该清理一种颜色图标的填充属性。

我无法用多色的来做到这一点。

我决定将它们分开到不同的文件夹并创建两个 webpack 规则：

{\n  test: /icon\\/.*\\.svg$/,\n  loaders: [\n    \'svg-sprite-loader\',\n    {\n      loader: \'svgo-loader\',\n      options: {\n        plugins: [\n          // ...\n        ],\n      },\n    },\n  ],\n},\n{\n  test: /monoicon\\/.*\\.svg$/,\n  loaders: [\n    \'svg-sprite-loader\',\n    {\n      loader: \'svgo-loader\',\n      options: {\n        enforce: \'pre\',\n        plugins: [\n          // ...\n          { removeAttrs: { attrs: \'(fill|stroke)\' } },\n        ],\n      },\n    },\n  ],\n},\n

一切都很好，但实际上不起作用。我进入控制台：

\xe2\x80\xa6/monoicon/cross.svg\nModule build failed: Error: Error in parsing SVG: Non-whitespace before …

我在 .babelrc.js 和 .eslintrc 中有一些别名，带有 eslint-import-resolver-babel-module 插件可以从 babel 配置中获取别名。但是 eslint 无论如何都无法解析别名。

.babelrc.js, .eslintrc, package.json 在要点中：https ://gist.github.com/SilentImp/4d005064063701faa04c29b02114d0df

.babelrc.js

const fs = require('fs');
const path = require('path');

const projectPath = path.resolve(__dirname, './');
const pathToSrc = path.resolve(projectPath, 'src');
const stats = fs.statSync(pathToSrc);

const env = process.env.NODE_ENV || 'dev';
const envAppConfigURL = path.resolve(__dirname, `../app/${env}.js`);
const devAppConfigURL = path.resolve(__dirname, 'dev.js');
const localAppConfigURL = path.resolve(__dirname, 'local.js');
const sampleAppConfigURL = path.resolve(__dirname, 'local.sample.js');

const isEnvConfig = fs.existsSync(envAppConfigURL);
const isDevConfig = fs.existsSync(devAppConfigURL);
const isLocalConfig = fs.existsSync(localAppConfigURL);
const isSampleConfig …

我尝试将formik与自动生成的表单一起使用。但是当有复选框时，我会收到警告：

警告：组件正在更改要控制的复选框类型的不受控制的输入。输入元素不应从不受控制切换到受控制（反之亦然）。

触摸它们时。对于其他字段，可以使用 formilk 成分的初始值来解决。但是复选框不应该有初始值。如何修复？