web-dev-qa-db-ja.com

Webpackエラー-ファイルまたはディレクトリを解決できません

Npmで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'
    })
  ]
};
javascriptnode.jswebpackwebpack-dev-servernpm-liveserver
12
Kayote

誰かがこの問題に直面した場合は、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構成に使用します。 project home dir webpackは、プロジェクトpackge.jsonをエントリーファイルの構成ファイルとして使用しますが、構成に失敗したために失敗します。

6
Fareed Alnamrouti

ブラウザコンソールを確認してください。より詳細な情報を提供します。

私の場合：

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スクリプトファイルです。

2
Matthias M

私が出会った同じ問題。私はgithubで答えを見つけました エラー：エントリモジュールでエラーが見つかりません：エラー： 'ファイル'または 'ディレクトリ'＃981を解決できません 。しかし残念なことに、webpack 1.15.12では、--allow-incompatible-updateが削除されています。また、エントリタイプをentry: [entry.js]などの配列に設定すると、webpackは実行されますが、別のエラーがスローされます:(

うまくいけば、それがあなたを助けてくれることを願っています。

0
Cin