Webpack错误 - 无法解析文件或目录

Question

当我启动webpack-dev-server时,我收到此错误:

ERROR in multi main
Module not found: Error: Cannot resolve 'file' or 'directory' /var/www/html/151208-DressingAphrodite/app in /var/www/html/151208-DressingAphrodite
 @ multi main

这是我的webpack.config.js:

var path = require('path');
var webpack = require('webpack');
var HtmlWebpackPlugin = require ('html-webpack-plugin');

const PATHS = {
  app: path.join (__dirname, 'app'),
  build : path.join (__dirname, 'build')
};

module.exports = {
  entry : [
    'babel-polyfill',
    'webpack-dev-server/client?http://localhost:8080',
    PATHS.app
  ],
  output : {
      publicPath : '/',
      filename : 'dressingaphrodite.js',
      hash : true
  },
  debug : true,
  devServer : {
    contentBase : './app'
  },
  devtool : 'source-map',
  module : {
    loaders : [
      {
        test : /\.jsx?$/,
        include : PATHS.app,
        loader : 'babel-loader',
        query : {
          presets : ["es2015"]
        }
      },
      {
          test: /\.css$/,
          include: PATHS.app,
          loader: 'style!css'
      }
    ]
  },
  plugins : [
    new HtmlWebpackPlugin ({
      title : 'Dressing Aphrodite',
      filename : 'da.html'
    })
  ]
};

Answer 1

好吧如果有人遇到这个问题,你可以用2种方法解决它:

方法1:

1-在您的条目文件夹中添加一个名为package.json的文件(在您的情况下将其放在文件夹中"{project_dir}/app/package.json")

2-在这个文件里面写任何json对象,例如:

{
  "name": "webpack why you do diss :("
}

方法2:

将您的输入文件更改为距离项目主目录至少2级,例如: "{project_dir}/src/app"

说明:对于每个入口文件,webpack将尝试查找一个名为package.json的文件,将其用于webpack配置,这个入口文件是一个模块,当你把你的入口文件放在离你的项目家只有1级时,dir webpack将使用你的将packge.json作为条目文件的配置文件,由于配置错误而失败.

Answer 2

我遇到了同样的问题。我在 github 中找到了答案Error : ERROR in Entry module not found: Error: Cannot parse 'file' or 'directory'#981。但遗憾的是，在 webpack 1.15.12 中，它--allow-incompatible-update已被删除。另外，我发现当设置条目类型为数组时，例如entry: [entry.js]，webpack 会运行，但会抛出另一个错误:(

我希望它能帮助你，希望如此。