Ошибка Webpack - не может разрешить файл или каталог

Я получаю эту ошибку, когда я начиню запуск моего webpack-dev-сервера:

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'
    })
  ]
};

Ответ 1

ok, если кто-либо сталкивается с этой проблемой, вы можете решить ее двумя способами:

Метод 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 уровень вдали от вашего проекта home dir webpack будет использовать ваш проект packge.json в качестве файла конфигурации для вашего файла входа, и он будет терпеть неудачу из-за отсутствия конфигурации.

Ответ 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 script файлом.

Ответ 3

Та же самая проблема, с которой я встречался. Я нашел ответ в github Ошибка: ERROR в модуле входа не найден: Ошибка: не удается разрешить "файл" или "каталог" # 981. Но, к сожалению, в webpack 1.15.12, --allow-incompatible-update был удален. Кроме того, я обнаружил, что когда задан тип записи - массив, например entry: [entry.js], webpack будет запущен, но выведите еще одну ошибку: (

Я надеюсь, что это может вам помочь, надеюсь.