Babel 7 Неожиданный токен для компонента React - PullRequest
Новая
       36

Babel 7 Неожиданный токен для компонента React

0 голосов
/ 03 апреля 2019

Я обновляюсь до Babel v7 с v6, и при сборке проекта я получаю следующую ошибку:

Синтаксическая ошибка: src \ app \ layout \ components \ FooterToolbar.js: неожиданный токен

Unexpected token <

Я использую следующую конфигурацию .babelrc 

{
  "presets": [
    ["@babel/preset-env", { "useBuiltIns": "usage", "debug": true }],
    "@babel/preset-typescript",
    "@babel/preset-react"
  ],
  "plugins": [
    "@babel/plugin-proposal-class-properties",
    "@babel/plugin-proposal-object-rest-spread",
    "@babel/plugin-syntax-dynamic-import",
    "@babel/plugin-transform-runtime"
  ]
}

И, наконец, это мой конфиг веб-пакета. Сначала я помещаю pollyfills, а затем в файл index.js запись и загрузчик babel в качестве транспилятора 

entry: ["@babel/polyfill", paths.appIndexJs],

// Process JS with Babel.
{
  test: /\.(js|jsx|mjs|ts|tsx)$/,
  exclude: /node_modules/,
  include: paths.appSrc,
  use: [{ loader: 'babel-loader' }],
},

Какой-нибудь совет, чтобы решить эту проблему? Большое спасибо

РЕДАКТИРОВАТЬ: я использую машинопись в этом проекте. Это tsconfig.json 

{
    "compilerOptions": {
      "target": "esnext",
      "moduleResolution": "node",
      "esModuleInterop": true,
      "isolatedModules": true,
      "strict": true,
      "noEmit": true,
      "allowJs": true,
      "resolveJsonModule": true,
      "jsx": "react"
    },
    "include": [
      "src"
    ]
  }

1 Ответ

0 голосов
/ 04 апреля 2019

Наконец-то он заработал, обновив webpack, его плагины и добавив пресеты и плагины в конфигурацию webpack 

// Process JS with Babel.
{
  test: /\.(js|jsx|mjs|ts|tsx)$/,
  exclude: /node_modules/,
  include: paths.appSrc,
  use: [{
    loader: 'babel-loader',
    options: {
      presets: [
        ["@babel/preset-env", { modules: "commonjs" }],
        "@babel/preset-typescript",
        "@babel/preset-react"
      ],
      plugins: [
        "@babel/plugin-proposal-class-properties",
        "@babel/plugin-proposal-object-rest-spread",
        "@babel/plugin-syntax-dynamic-import",
        "@babel/plugin-transform-runtime"
      ]
    }
  }],
},

Спасибо за ваши ответы, надеюсь, это будет полезно для кого-то еще

...