如何解决“不能解决'文件'”在webpack中的错误?
问题描述:
我一直在webpack中得到这个非常恼人的错误,即使我运行webpack --display-error-details
,我也没有遇到任何错误。但是,我运行webpack-dev-server
时出现以下错误。我真的不知道我的配置中哪里出了问题。如何解决“不能解决'文件'”在webpack中的错误?
Entry module not found: Error: Cannot resolve 'file' or 'directory'
./frontend/app.jsx
module.exports = {
context: __dirname,
entry: './frontend/app.jsx',
output: {
filename: 'bundle.js',
path: __dirname
},
module: {
loaders: [
{
test: [ /\.js$/, /\.jsx$/],
exclude: /(node_modules)/,
loader: 'babel-loader',
query: {
presets: ['es2015', 'react']
}
},
{
test: /\.scss$/,
use: ['style-loader', 'css-loader', 'sass-loader']
}
]
},
devtool: 'source-map',
resolve: {
extensions: ['.js', '.jsx', '.scss' ]
}
};
{
"name": "basicapp",
"version": "1.0.0",
"description": "",
"main": "app.jsx",
"author": "",
"license": "ISC",
"scripts": {
"start": "webpack-dev-server --env development",
"dev-server": "nodemon ./server.js localhost 8080",
"build": "webpack --env production"
},
"dependencies": {
"babel-cli": "^6.24.0",
"babel-core": "^6.24.0",
"babel-loader": "^6.4.1",
"babel-preset-es2015": "^6.24.0",
"babel-preset-react": "^6.23.0",
"css-loader": "^0.27.3",
"express": "^4.15.2",
"express-graphql": "^0.6.3",
"lodash": "^4.17.4",
"node-sass": "^4.5.1",
"react": "^15.4.2",
"react-dom": "^15.4.2",
"react-redux": "^5.0.3",
"react-router": "^4.0.0",
"redux": "^3.6.0",
"sass-loader": "^6.0.3",
"webpack": "^2.3.2"
},
"devDependencies": {
"html-webpack-plugin": "^2.28.0",
"node-sass": "^4.5.1",
"nodemon": "^1.11.0",
"sass-loader": "^6.0.3"
}
}
答
,你想让它的WebPack可以不治疗__dirname并可能它,而不是被解析为/。尝试添加这对您的WebPack配置:
{
node: {
__dirname: true
}
}
答
这可能是由于多种原因,以确定确切的问题,最好的办法就是试训以下两个命令的:
如果你的WebPack运行1/2单独再使用的代码片段:
webpack --display-error-details
,如果你正在运行的WebPack开发服务器,然后使用该代码段:
webpack-dev-server --display-error-details
这将在控制台中提供详细的错误报告
嗨,你的文件夹结构是什么?好像名为./frontend/app.jsx的文件不在与您的上下文相同的文件夹中:__dirname –