Как исправить ошибку «Не могу найти переменную: требуется» в приложении веб-просмотра Expo - PullRequest
0 голосов
/ 12 марта 2020

Я пытаюсь сделать приложение из двух разделов. Один раздел - это реагирующая треска. Во втором разделе используется веб-пакет для упаковки этого файла в html, который затем можно загрузить с помощью react-native-web-view.

webpack.config. js:

const HtmlWebPackPlugin = require('html-webpack-plugin')
const path = require('path')

module.exports = {
    module: {
        rules: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                use: {
                    loader: 'babel-loader'
                }
            }
        ],
    },
    output: {
        path: path.resolve(__dirname, './src/dist')
    },
    plugins: [
        new HtmlWebPackPlugin({
            template: './src/index.html',
            filename: './index.html'
        })
    ]
}

App. js:

import React from 'react'
import { WebView } from 'react-native-webview'
import Html from './src/dist/index.html'

export default function App() {
    return (
        <View style={{flex: 1}}>
            <WebView
                source={Html}
                style={{flex: 1}}                               
            />
        </View>
    )
}

babel.config. js

module.exports = function(api) {
    api.cache(true)
    return {
        presets: ['expo', '@babel/preset-env', '@babel/preset-react'],
        plugins: ["@babel/plugin-proposal-class-properties"]
    }
}

С этим кодом я получаю ошибку

Can't find variable require

На всех сообщениях я Я видел проблемы с плагинами для babel, которых у меня нет. Единственная другая причина, по которой я могу думать об этом, - require в веб-пакете.

любая помощь оценена

...