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

Webpack Error - Cannot Resolve File or Directory

本文关键字：文件 错误 Webpack      更新时间：2023-09-26

当我npm启动我的webpack开发服务器时，我收到了这个错误：

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:

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作为入口文件的配置文件，并且会因为未配置而失败。

您应该检查浏览器控制台。它提供了更详细的信息。

就我而言：

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脚本文件。

我遇到了同样的问题。我在github中找到了答案错误：找不到入口模块中的错误：错误：无法解析'file'或'directory'#981。但遗憾的是，在网络包1.15.12中，--allow-incompatible-update已被删除。此外，我发现当设置条目类型为数组时，比如entry: [entry.js]，webpack会运行，但会抛出另一个错误：（

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

相关文章：