14

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

3 に答える 3

8

この問題に直面した場合は、次の 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 レベルだけ離すと、webpack はそのファイルを使用します。エントリ ファイルの構成ファイルとして packge.json をプロジェクトすると、構成ミスのために失敗します。

于 2016-07-13T15:27:23.863 に答える