Webpack + Linaria - поддержка экспериментального синтаксиса jsx в настоящее время не включена

Я добавил linaria в свою конфигурацию веб-пакета в проекте create-react-app, поэтому конечное правило вот так:

{
  "test": /\.(js|mjs|jsx|ts|tsx)$/,
  "include": "C:\\Project\\src",
  "use": [
    {
      "loader": "C:\\Project\\node_modules\\babel-loader\\lib\\index.js",
      "options": {
        "customize": "C:\\Project\\node_modules\\babel-preset-react-app\\webpack-overrides.js",
        "presets": [
          [
            "C:\\Project\\node_modules\\babel-preset-react-app\\index.js",
            { "runtime": "automatic" }
          ],
          "C:\\Project\\node_modules\\@linaria\\babel-preset\\lib\\index.js"
        ],
        "babelrc": false,
        "configFile": false,
        "cacheIdentifier": "production:[email protected]:[email protected]:[email protected]:[email protected]",
        "plugins": [
          [
            "C:\\Project\\node_modules\\babel-plugin-named-asset-import\\index.js",
            {
              "loaderMap": {
                "svg": {
                  "ReactComponent": "@svgr/webpack?-svgo,+titleProp,+ref![path]"
                }
              }
            }
          ]
        ],
        "cacheDirectory": true,
        "cacheCompression": false,
        "compact": true
      }
    },
    {
      "loader": "C:\\Project\\node_modules\\@linaria\\webpack-loader\\lib\\index.js",
      "options": { "sourceMap": false, "cacheDirectory": "src/.linaria_cache" }
    }
  ]
}

Но в результате получаю вот что:

Поддержка экспериментального синтаксиса jsx в настоящее время не включена

Что-то не так с этой конфигурацией?


person K41F4r    schedule 11.04.2021    source источник


Ответы (1)


Кажется, @linaria\webpack-loader не будет работать без файла babelrc (хотя предустановки уже есть в загрузчике babel)

{
    "presets": [
      "babel-preset-react-app",
      "@linaria"
    ],
    "plugins": [
      [
        "babel-plugin-named-asset-import",
        {
          "loaderMap": {
            "svg": {
              "ReactComponent": "@svgr/webpack?-svgo,+titleProp,+ref![path]"
            }
          }
        }
      ],
      "@babel/plugin-proposal-class-properties"
    ]
  }
person K41F4r    schedule 16.04.2021