Webpack 无法解析文件或目录网页包

Webpack 无法解析文件或目录网页包,webpack,Webpack,我从网页包中获得连续错误。我对这个很陌生。但我不知道为什么在运行webpack命令时找不到src中的main.js文件 这是我的webpack.config.js var path = require('path'); var config = { entry: { main: [ './src/main.js ' ] }, output: { filename: './public/[name].j

我从网页包中获得连续错误。我对这个很陌生。但我不知道为什么在运行webpack命令时找不到src中的main.js文件

这是我的webpack.config.js

var path = require('path');
var config = {
    entry: {
        main: [
            './src/main.js '
        ]
    },
    output: {
        filename: './public/[name].js'
    },
    module: {
        loaders: [{
            test: /\.jsx?$/, // A regexp to test the require path. accepts either js or jsx,
            exclude: /node_modules/,
            loader: 'babel-loader', // The module to load. "babel" is short for "babel-loader"
            query: {
                presets: ['react', 'es2015']
            }
        }]
    },
    resolve: {
        extensions: ['', '.js', '.jsx']
    }
};

module.exports = config;
这是我的package.json

{
  "name": "react-quickstart",
  "version": "1.0.0",
  "description": "",
  "main": "webpack.config.js",
  "dependencies": {
    "react": "^0.14.7",
    "react-dom": "^0.14.7"
  },
  "devDependencies": {
    "babel-core": "^6.5.2",
    "babel-loader": "^6.2.2",
    "babel-preset-es2015": "^6.5.0",
    "babel-preset-react": "^6.5.0",
    "path": "^0.12.7",
    "webpack": "^1.12.13",
    "webpack-dev-server": "^1.14.1"
  },
  "scripts": {
    "webpack": "./node_modules/webpack/bin/webpack",
    "build": "webpack",
    "dev": "webpack-dev-server --watch-poll --inline --devtool eval --progress --colors --hot --content-base ./"
  },
  "author": "",
  "license": "ISC"
}
错误详细信息

F:\Works\Javascript\react-quickstart>webpack --display-error-details
Hash: 0f797b4ca8770ff88901
Version: webpack 1.12.13
Time: 15ms
           Asset     Size  Chunks             Chunk Names
./public/main.js  1.51 kB       0  [emitted]  main
   [0] multi main 28 bytes {0} [built] [1 error]

ERROR in multi main
Module not found: Error: Cannot resolve 'file' or 'directory' ./src/main.js  in
F:\Works\Javascript\react-quickstart
resolve file
  F:\Works\Javascript\react-quickstart\src\main.js  doesn't exist
  F:\Works\Javascript\react-quickstart\src\main.js .js doesn't exist
  F:\Works\Javascript\react-quickstart\src\main.js .jsx doesn't exist
resolve directory
  F:\Works\Javascript\react-quickstart\src\main.js  doesn't exist (directory def
ault file)
  F:\Works\Javascript\react-quickstart\src\main.js \package.json doesn't exist (
directory description file)
[F:\Works\Javascript\react-quickstart\src\main.js ]
[F:\Works\Javascript\react-quickstart\src\main.js .js]
[F:\Works\Javascript\react-quickstart\src\main.js .jsx]
 @ multi main
我知道这是一个重复的问题。但这个问题到目前为止还没有得到解决


我无法在这里找到问题所在,因为package.json似乎是有效的,并且没有丢失逗号或任何我似乎犯了错误的内容

这可能是由于多种原因造成的。确定确切问题的最佳方法是,如果单独运行webpack 1/2,请试用以下两个命令,然后使用代码段:

webpack --display-error-details
webpack-dev-server --display-error-details
如果您正在运行webpack dev服务器,请使用以下代码段:

webpack --display-error-details
webpack-dev-server --display-error-details
这将在控制台中提供详细的错误报告


此外,如果您在条目文件名中提供任何额外的空间,这也可能是一个问题

这可能是由于多种原因造成的。确定确切问题的最佳方法是,如果单独运行webpack 1/2,请试用以下两个命令,然后使用代码段:

webpack --display-error-details
webpack-dev-server --display-error-details
如果您正在运行webpack dev服务器,请使用以下代码段:

webpack --display-error-details
webpack-dev-server --display-error-details
这将在控制台中提供详细的错误报告


另外,如果您在条目文件名中提供了任何可能也是问题的额外空间,则您没有告诉它查找
“/src/main.js”
,而是告诉它查找
”/src/main.js“
,并将空间放在末尾。请删除该空间,然后再试一次。@DCoder-wow-tht速度很快。但是错误信息有点让人困惑。这解决了其中一个问题,尽管这是webpack中的一个bug,但请检查我的回答:您没有告诉它查找
”/src/main.js“
,而是告诉它查找
”/src/main.js“
,最后是空格。请删除该空间,然后再试一次。@DCoder-wow-tht速度很快。但是错误信息有点让人困惑。这解决了其中一个问题,尽管这是Web包中的一个bug,请在此处查看我的答案: