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
。