Какой загрузчик веб-пакетов подходит для использования ключевых слов stati c? - PullRequest
Новая
       61

Какой загрузчик веб-пакетов подходит для использования ключевых слов stati c?

0 голосов
/ 06 января 2020

У меня возникает следующая ошибка, когда я пытаюсь запустить мою документацию по реагированию на стиль: 

./node_modules/react-native-gesture-handler/touchables/TouchableHighlight.js 10:22
Module parse failed: Unexpected token (10:22)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
|  */
| export default class TouchableHighlight extends Component {
>   static defaultProps = {
|     ...GenericTouchable.defaultProps,
|     activeOpacity: 0.85,
 @ ./node_modules/react-native-gesture-handler/touchables/index.js 6:0-69 6:0-69
 @ ./node_modules/react-native-gesture-handler/index.js

My webpack.config.js выглядит так: 

const createExpoWebpackConfigAsync = require('@expo/webpack-config');
module.exports = async function (env, argv) {
  const config = await createExpoWebpackConfigAsync(env, argv);
  return config;
};

My babel.config.js look например: 

module.exports = function (api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
    env: {
      development: {
        plugins: [
          '@babel/plugin-transform-react-jsx-source',
        ],
      },
    },
  };
};

Воспроизведение: 

git clone https://github.com/kopax/expo-bug-reports.git
cd expo-bug-reports
git checkout react-styleguidist
npm i
npm run styleguide

Какой загрузчик Webpack должен использовать ключевое слово static?

1 Ответ

0 голосов
/ 07 января 2020

Если вы используете веб-пакет для сборки своего проекта, вам нужно добавить загрузчик babel в веб-пакет. 

module: {
        rules: [{
            test: /\.(j|t)sx?$/,
            exclude: [/node_modules/],
            use: [{
                loader: "babel-loader",
                options: {
                    presets: ['babel-preset-expo'],
                    env: {
                      development: {
                        plugins: [
                          '@babel/plugin-transform-react-jsx-source',
                        ],
                      },
                    },
                }
            }]
        },
}
...