如何解決「不能解決'文件'」在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" 
    } 
}

來源

2017-04-16 Chris

嗨，你的文件夾結構是什麼？好像名爲./frontend/app.jsx的文件不在與您的上下文相同的文件夾中：__dirname –

，你想讓它的WebPack可以不治療__dirname並可能它，而不是被解析爲/。嘗試添加這對您的WebPack配置：

{ 
    node: { 
    __dirname: true 
    } 
}

來源

2017-04-16 23:40:16 Macmee

這可能是由於多種原因，以確定確切的問題，最好的辦法就是試訓以下兩個命令的：

如果你的WebPack運行1/2單獨再使用的代碼片段：

webpack --display-error-details

，如果你正在運行的WebPack開發服務器，然後使用該代碼段：

webpack-dev-server --display-error-details

這將在控制檯中提供詳細的錯誤報告

來源

2017-07-18 23:06:22

如何解決「不能解決'文件'」在webpack中的錯誤？

回答

相關問題