[英]NPM - Getting error when trying to run the npm install command (webpack and babel-loader)
[英]Nodejs - Getting Error in babel loader when i initiate npm start
收到此錯誤:
在多主模塊中找不到錯誤:錯誤:無法在C:\\ Users \\ username \\ Deskto p \\ reactApp @多主模塊中解析模塊“ react”
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
您可以嘗試將裝載機更改為“ 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: './'
}
};
具有與babel和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",
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.