当我启动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'
})
]
};
答案 0 :(得分:6)
好吧如果有人遇到这个问题,你可以用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将使用您的项目packge.json作为您的条目文件的配置文件,并且由于配置错误而失败。
答案 1 :(得分: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脚本文件。
答案 2 :(得分:0)
我遇到同样的问题。我在github Error : ERROR in Entry module not found: Error: Cannot resolve 'file' or 'directory'#981找到了答案。但遗憾的是,在webpack 1.15.12中,--allow-incompatible-update
已被删除。另外,我发现当设置条目类型是数组时,例如entry: [entry.js]
,webpack将运行,但抛出另一个错误:(
我希望它可以帮助你,希望如此。