获取此错误:
找不到多主模块时出错:错误:无法将C:\Users\username\Deskto中的模块'react‘解析为p\reactApp @ multi
module.exports = config;
var config = {
entry: './main.js',
output: {
path:'./',
filename: 'index.js',
},
devServer: {
inline: true,
port: 8080
},
module: {
loaders: [{
test: /\.jsx?$/,
exclude: /node_modules/,
loader: 'react',
query: {
presets: ['es2015', 'react']
}
}]
}
}节点版本- 4.4.7
npm版本- 3.10.5
Babel已全局加载npm install -g babel npm install -g babel-preset-react
发布于 2016-07-28 20:48:12
您可以尝试将加载程序更改为“babel”
module.exports = config;
var config = {
entry: './main.js',
output: {
path:'./',
filename: 'index.js',
},
devServer: {
inline: true,
port: 8080
},
module: {
loaders: [{
test: /\.jsx?$/,
exclude: /node_modules/,
loader: 'babel',
query: {
presets: ['es2015', 'react']
}
}]
}
}这就是我的设置,它对我来说是有效的。
编辑:
这是我的完整的webpack设置:
module.exports = {
entry: [
'./src/index.js'
],
output: {
path: __dirname,
publicPath: '/',
filename: 'bundle.js'
},
module: {
loaders: [{
exclude: /node_modules/,
loader: 'babel',
query: {
presets: ['react', 'es2015', 'stage-1']
}
},{
include: /\.json$/,
loaders: ["json-loader"]
},{
test: /(\.css)$/, loaders: ['style', 'css']
}]
},
resolve: {
extensions: ['', '.json', '.js', '.jsx']
},
devServer: {
historyApiFallback: true,
contentBase: './'
}
};具有以下与巴别塔和webpack相关的依赖项(不是完整列表)
"devDependencies": {
"babel-core": "^6.2.1",
"babel-loader": "^6.2.0",
"babel-preset-es2015": "^6.1.18",
"babel-preset-react": "^6.1.18",
"webpack": "^1.12.9",
"webpack-dev-server": "^1.14.0"
},
"dependencies": {
"babel-preset-stage-1": "^6.1.18",
"json-loader": "^0.5.4",
}https://stackoverflow.com/questions/38636652
复制相似问题