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將使用你的project packge.json作為條目文件的配置文件，由於配置錯誤而失敗。

Answer 2

您應該檢查瀏覽器控制台。 它提供了更詳細的信息。

就我而言：

Uncaught Error: Cannot find module "./src/index"
at webpackMissingModule (webpack:///multi_main?:4)
at eval (webpack:///multi_main?:4)
at Object.<anonymous> (bundle.js:586)
at __webpack_require__ (bundle.js:556)
at bundle.js:579
at bundle.js:582

所以這里錯誤是一個丟失（或拼寫錯誤）的java腳本文件。

Answer 3

我遇到的同樣問題。 我在github中找到了一個答案錯誤：找不到Entry模塊中的錯誤：錯誤：無法解析'file'或'directory'＃981 。 但遺憾的是，在webpack 1.15.12中， --allow-incompatible-update allow --allow-incompatible-update已被刪除。 另外，我發現當設置條目類型是數組時，如entry: [entry.js] ，webpack將運行，但拋出另一個錯誤:(

希望它能幫助你。