React native &引用;未找到模块:错误:Can';t解决'@主题/'&引用;对于内部包

React native &引用;未找到模块:错误:Can';t解决'@主题/'&引用;对于内部包,react-native,webpack,webpack-dev-server,react-native-web,React Native,Webpack,Webpack Dev Server,React Native Web,正在使用React Native web(网页包)为web构建React Native项目 在我的项目中的几个文件夹中有一个包.json,可以使导入更容易@ 网页的解析文档提到了这一点 如果文件夹包含package.json文件,则按顺序查找resolve.mainFields配置选项中指定的字段,package.json中的第一个此类字段确定文件路径 我的webpack.config.js文件如下所示 const path = require('path'); const appDirect

正在使用
React Native web
(网页包)为web构建
React Native
项目

在我的项目中的几个文件夹中有一个
包.json
,可以使
导入
更容易
@

网页的
解析
文档提到了这一点

如果文件夹包含package.json文件,则按顺序查找resolve.mainFields配置选项中指定的字段,package.json中的第一个此类字段确定文件路径

我的
webpack.config.js
文件如下所示

const path = require('path');

const appDirectory = path.resolve(__dirname, '../');


const imageLoaderConfiguration = {
    test: /\.(gif|jpe?g|png|svg)$/,
    use: {
        loader: 'url-loader',
        options: {
            name: '[name].[ext]'
        }
    }
};

module.exports = {
    entry: {
        app: './index.android.js'
    },
    output: {
        filename: 'bundle.js',
        path: path.resolve(__dirname, 'dist')
    },

    module: {
        rules: [
            {test: /\.js$|jsx/ , loader:'babel-loader', exclude: '/node_modules/'},
            imageLoaderConfiguration
        ]
    },
    resolve: {
        extensions: ['.tsx', '.ts', '.js', '.json'],
        mainFields: ['browser', 'module', 'main'],
        mainFiles: ['index'],
        alias: {'react-native$': 'react-native-web'},
        modules: [path.resolve(__dirname, 'src'), 'node_modules'],
    }

    
};
项目目录如下所示,在几个文件夹中包含
package.json