Я создал приложение React Native для тестирования Storybook и его функций, но у меня уже есть проблемы.
Я определяю InitialScreen
компонент, который отображает реагировать-native-app-intro-слайдер компонент;Я определяю историю для InitialScreen
, а затем запускаю npm run storybook-web
. Из терминала я получаю эту ошибку
ERROR in ./node_modules/react-native-app-intro-slider/AppIntroSlider.js 23:22
Module parse failed: Unexpected token (23: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 AppIntroSlider extends React.Component {
> static defaultProps = {
| activeDotStyle: {
| backgroundColor: 'rgba(255, 255, 255, .9)',
@ ./src/frontend/screens/InitialScreen.js 1:806-846
@ ./src/stories/InitialScreen.stories.js
@ ./storybook-web/config.js
@ multi ./node_modules/@storybook/react/node_modules/@storybook/core/dist/server/common/polyfills.js ./node_modules/@storybook/react/node_modules/@storybook/core/dist/server/preview/globals.js ./storybook-web/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true
Моя конфигурация веб-пакета в ./storybook-web
следующая
const path = require("path");
module.exports = async ({ config }) => {
config.module.rules.push({
test: /\.(gif|jpe?g|png|svg)$/,
use: {
loader: "url-loader",
options: { name: "[name].[ext]" }
}
});
config.resolve.extensions = [".web.js", ".js", ".json", ".web.jsx", ".jsx"];
config.resolve.alias = {
...config.resolve.alias,
"react-native": "react-native-web",
"@storybook/react-native": "@storybook/react",
};
return config;
};
У меня есть трудности, чтобы понять, где находится ошибка. Тип файла, для которого возникает ошибка - это не что иное, как файл js;AppIntroSlider
просто отображает простые базовые компоненты React Native.
Можете ли вы помочь мне понять, что я должен исправить?