Javascript 网页包错误-无法解析文件或目录
我在npm启动我的网页开发服务器时遇到此错误:Javascript 网页包错误-无法解析文件或目录,javascript,node.js,webpack,webpack-dev-server,npm-live-server,Javascript,Node.js,Webpack,Webpack Dev Server,Npm Live Server,我在npm启动我的网页开发服务器时遇到此错误: 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('p
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'
})
]
};
和我遇到的问题一样。我在github中找到了答案。但遗憾的是,在Webpack1.15.12中,
--允许不兼容更新
已被删除。另外,我发现当设置条目类型为array时,例如entry:[entry.js]
,webpack将运行,但会抛出另一个错误:(
我希望它能帮助你,希望。好的,如果有人遇到这个问题,你可以用两种方法解决: 方法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的文件,用于网页包配置。如果该条目文件是一个模块,当您将条目文件放在距离project home仅1级的位置时,dir webpack将使用您的project packge.json作为条目文件的配置文件,并且它将由于配置不正确而导致il。您应该检查浏览器控制台。它提供了更详细的信息 就我而言:
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
Uncaught错误:找不到模块“/src/index”
在webpackMissingModule(webpack:///multi_main?:4)
评估时(webpack:///multi_main?:4)
at对象。(bundle.js:586)
at\uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuwpack\uuuuuuuuuuu require\uuuuuuuuuuuuuuuuuuuu(bundle.js:556)
在bundle.js:579
在bundle.js:582
因此,这里是一个缺少(或拼写错误)的错误java脚本文件。恐怕您提供的数据不足以帮助您。@Vincenzo还需要什么?确保目录存在?简单地调用webpack命令出错时,我遇到了一个类似的错误:感谢更新。我找到的唯一解决方案是一次又一次地尝试。最终一个构建开始工作!所以牛..我仍在尝试找到一种方法。另一种方法,我使用的webpack版本是1.12.11,而不是1.15.12。我不完全确定是否有相关错误,但我是否有(我有理由相信),您的声明似乎不适用于我的情况。我的入口点在root/source/application/bootstrap.ts中。它被找到了,好吧,但当它尝试在app.module.ts中加载时,它说找不到该文件(但仍然对其中引入的任何错误作出反应,这很令人惊讶)。对此有何评论?什么是“入口文件”在非nodejs web应用程序中?