Webpack错误 - 无法解析文件或目录 [英] Webpack Error - Cannot Resolve File or Directory
问题描述
当我启动webpack-dev-server时,我收到此错误:
I am getting this error when I npm start my 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:
Here is my 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'
})
]
};
推荐答案
如果任何人面对这个问题,你可以解决它有两种方法:
ok if any one face this problem, you can solve it in 2 methods:
方法1:
1-添加文件在你的条目文件夹中调用package.json(在你的情况下把它放在文件夹{project_dir} /app/package.json
)
1- add a file called package.json inside your entry folder (in your case put it inside the folder "{project_dir}/app/package.json"
)
2-在此文件中写入任何json对象,例如:
2- inside this file write any json object for example:
{
"name": "webpack why you do diss :("
}
方法2 :
将条目文件更改为距项目主目录至少2级,例如:{project_dir} / src / app
Change your entry files to be at least 2 level away from your project home directory, for example: "{project_dir}/src/app"
说明:对于每个条目文件,webpack将尝试查找名为package的文件。 json使用它进行webpack配置,这个入口文件是一个模块,当你把你的入口文件只有1级远离你的项目主页dir webpack将使用你的项目ect packge.json作为输入文件的配置文件,由于配置错误而失败。
Explanation: for each entry file webpack will try to find a file called package.json to use it for webpack configuration incase this entry file is a module, when you put your entry file only 1 level away from your project home dir webpack will use your project packge.json as configuration file for your entry file and it will fail because of miss configuration.
这篇关于Webpack错误 - 无法解析文件或目录的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!