大块头webpack找不到'webpack-dev-server‘模块
大块头webpack找不到'webpack-dev-server'模块的问题可能是由于以下几个原因导致的：
- 未安装'webpack-dev-server'模块：'webpack-dev-server'是一个用于开发环境的轻量级服务器，用于实时重新加载和热模块替换。如果没有安装该模块，可以通过以下命令进行安装：
- 未安装'webpack-dev-server'模块：'webpack-dev-server'是一个用于开发环境的轻量级服务器，用于实时重新加载和热模块替换。如果没有安装该模块，可以通过以下命令进行安装：
- 安装完成后，可以在项目的
package.json文件中的devDependencies中看到该模块的依赖。 - 版本不匹配：如果已经安装了'webpack-dev-server'模块，但仍然找不到该模块，可能是因为webpack和webpack-dev-server的版本不匹配。可以通过以下命令查看webpack和webpack-dev-server的版本：
- 版本不匹配：如果已经安装了'webpack-dev-server'模块，但仍然找不到该模块，可能是因为webpack和webpack-dev-server的版本不匹配。可以通过以下命令查看webpack和webpack-dev-server的版本：
- 确保两者的版本兼容。如果版本不匹配，可以尝试升级或降级webpack或webpack-dev-server，使其版本匹配。
- 配置错误：在webpack的配置文件中，需要正确配置webpack-dev-server的相关选项。确保在配置文件中包含以下内容：
- 配置错误：在webpack的配置文件中，需要正确配置webpack-dev-server的相关选项。确保在配置文件中包含以下内容：
contentBase指定了webpack-dev-server的静态文件根目录，可以根据实际情况进行配置。- 全局安装问题：如果通过全局安装webpack和webpack-dev-server，可能会导致找不到模块的问题。建议在项目的本地安装中使用webpack和webpack-dev-server。
综上所述，解决大块头webpack找不到'webpack-dev-server'模块的问题，可以通过安装'webpack-dev-server'模块、检查版本兼容性、正确配置webpack-dev-server选项以及避免全局安装来解决。
相关·内容
7回答
我安装了webpack使用
npm install -g webpack
和
npm install webpack
我还安装了webpack-dev-server
npm install -g webpack-dev-server
安装完成后，我运行命令webpack，但是，它显示了下面的错误
webpack:指挥部找不到
我不明白什么是错误。
浏览 3提问于2017-06-30得票数 35
直到最近一切都很好。现在，突然之间，webpack-dev-server抛出一个错误。
我的webpack.config.js看起来是这样的：
var path = require("path");
module.exports = {
entry: {
app: ["./src/js/app.js"]
},
output: {
path: path.resolve(__dirname, "./dist/js/"),
filename: "bundle.js"
},
devServer:
浏览 2提问于2017-08-31得票数 1
回答已采纳
我使用了webpack-dev-server来解析一些类型脚本。
我的配置文件：
module.exports={
entry: "./src/index.ts",
output: {
filename: "main.js"
},
resolve:{
extensions: ['.ts', '.tsx', 'js'],
modules: [path.resolve(__dirname, 'src'), "node_modules"]
}
...
}
然后输出命
浏览 0提问于2019-09-30得票数 1
3回答
我正在尝试学习Typescript，我想我也应该在.ts中设置我的webpack配置。这是我的webpack.config.ts
import * as webpack from 'webpack';
import * as path from 'path';
const config: webpack.Configuration = {
entry: path.resolve('src/main.ts'),
module: {
rules: [
{
te
浏览 11提问于2018-03-16得票数 20
如何通过Rails 6应用程序与本地的Truffle块链进行交互？我已经用vanilla对FixedSupplyToken应用程序进行了原型化，一切都如预期的那样工作。接下来，我尝试将它移动到Rails 6应用程序中。我对使用Ruby感到紧张(ethereum.rb -寻找一个人来接管维护，其他人似乎被抛弃了)。我想知道您是否可以使用Webpacker将web3.js直接导入Rails 6？我创建了一个新的Rails 6应用程序，并添加了以下内容：
yarn add web3
yarn add truffle-contract
已安装并显示在package.json中：
{
"na
浏览 9提问于2020-01-21得票数 3
回答已采纳
我正在运行我的reactjs应用程序，和webpack和gulp，这是我的gulpfile的片段：
gulp.task("webpack-dev-server", function(callback) {
// modify some webpack config options
var myConfig = Object.create(webpackConfig);
myConfig.devtool = "eval";
myConfig.debug = true;
// Start a webpack-dev-serv
浏览 3提问于2016-10-20得票数 1
这是我的webpack开发服务器配置
module.exports = {
entry: './main.js',
output: {
path: './',
filename: 'bundle.js'
},
devServer: {
inline: true,
port: 9000
},
module: {
loaders: [{
test: /\.js$/,
exclude: '/(node_modules)/',
loader
浏览 4提问于2016-02-05得票数 0
回答已采纳
我注意到，当我运行webpack时，我的所有捆绑文件都在build目录中，但当我运行webpack-dev-server时，我在build目录中看不到它们，尽管如此，所有文件都在运行。 WDS是如何做到这一点的？下面是我的脚本： "scripts": {
"build": "npx yarn clean && webpack --mode production",
"buildRemote": "npx yarn clean && webpack --config we
浏览 22提问于2019-04-26得票数 0
回答已采纳
尝试从VSCode bash终端运行"webpack-dev-server --open“。错误:找不到webpack-dev-server 为什么我必须使用'-g‘进行安装？如果我安装本地，我会得到not found错误。在这种情况下，我是否必须修改路径才能获取本地安装？ npm install webpack-dev-server -g
浏览 17提问于2020-11-30得票数 0
我一直在使用带有--inline和--host标志的。这一切都运行得很好。
webpack-dev-server --inline --host example.com
然后，我研究了如何使用和webpack-dev-server API来完成此任务。
var gulp = require('gulp');
var gutil = require('gulp-util');
var Webpack = require('webpack');
var WebpackDevServer
浏览 3提问于2015-01-08得票数 10
ruby version - 2.4.2
rails - 5.1
rails new my_app --webpack=react
当我尝试用foreman start -f Procfile.dev或./bin/webpack-dev-server启动服务器时
我得到跟踪错误，但找不到原因。任何帮助都是非常感谢的。
/Users/shani/Wspace/myapp/node_modules/webpack-dev-server/bin/webpack-dev-server.js:405
throw e;
^
TypeError: Cannot read pr
浏览 0提问于2018-03-01得票数 7
回答已采纳
我不明白为什么我不能让它运行..。我做了以下几件事。
npm install -g webpack webpack-dev-server
确认已成功安装。
现在，当我尝试执行webpack-dev-server时，我得到以下内容：
$ webpack-dev-server --inline --hot
zsh: command not found: 'webpack-dev-server'
永远不要遇到这样的情况，因为我的所有其他npm模块都加载/运行良好，在本地和全球都是如此。我也尝试过在本地安装它到一个项目(添加到package.json，npm安装，yadda .)并收到
浏览 9提问于2015-11-16得票数 6
回答已采纳
使用以下命令有什么区别
webpack --watch
和
webpack-dev-server --hot
谢谢。
浏览 1提问于2016-06-29得票数 59
回答已采纳
2回答
我目前在一个反应，webpack，巴别塔等网站工作，并试图建立第一时间。构建是成功的，但是当我打开浏览器时，我得到了以下错误：
Uncaught Error: Cannot find module "/Users/michael.nakayama/Documents/Development/jamsesh/node_modules/webpack/node_modules/node-libs-browser/node_modules/process/browser.js"
此模块已存在。在我的浏览器中转到那个实际的url，就会显示出有问题的文件。但是我想不通为什么webpack
浏览 2提问于2016-01-16得票数 25
回答已采纳
当我运行npm start查看我的react应用程序时，我遇到了这个错误。
> react-scripts start
node:internal/modules/cjs/loader:936
throw err;
^
Error: Cannot find module 'side-channel'
Require stack:
- C:\Users\USER-PC\Documents\Projects\frontend\Info_site\node_modules\qs\lib\stringify.js
- C:\Users\USER-PC\Document
浏览 8提问于2022-10-04得票数 0
我开始使用webpack和node/express环境一起开发一个用react-router呈现的ReactJS服务器端应用程序。对于开发和prod (运行时)环境中每个webpack包的角色，我感到非常困惑。
以下是我的理解摘要：
webpack：是一个包，它是一个工具，可以将一个web应用程序的不同部分连接起来，然后打包到一个.js文件中(通常是bundle.js)。然后，结果文件将在prod环境中由应用程序加载，并包含运行代码所需的所有组件。功能包括缩小代码，缩小，等等。
webpack-dev-server：是一个提供服务器来处理网站文件的包。它还从客户端组件构建一个单一的.js文件(
浏览 3提问于2017-02-17得票数 113
回答已采纳
我先从webpack说起。
我已经能够像这样向webpack指定webpack.config.js的位置：
"webpack --config ./App/webpack.config.js"
现在我也在尝试使用带有该文件的webpack开发服务器，但是我找不到如何为它指定webpack.config.js位置。
这是我的package.json的相关部分
"scripts": {
"start": "webpack-dev-server --config ./App/webpack.config.js --progress --co
浏览 7提问于2016-09-07得票数 45
使用ReactJS框架/库，我在windows平台上创建了一个基本的"Hello“响应应用程序，该应用程序遵循了教程，但是当我使用cmd上的C:\Users\username\Desktop\reactApp>npm start命令运行它时，它会抛出错误。请告诉我有什么问题吗？
错误：
> reactApp@1.0.0 start C:\Users\username\Desktop\reactApp
> webpack-dev-server --hot
'webpack-dev-server' is not recognized as an inte
浏览 4提问于2017-08-21得票数 1
我的工作是使用Zurb基金会与WebPack和NPM，没有鲍尔。
我遇到的问题如下：
本质上，当通过NPM安装基础站点时，有对模块“基金会”的引用，这是找不到的。错误：
Module not found: Error: Cannot resolve module 'foundation' in c:\Users\Matt\Documents\Projects\test\node_modules\foundation-sites\dist
@ ./~/foundation-sites/dist/foundation.js
这里是package.json：
{
"
浏览 25提问于2015-12-15得票数 17
我正在学习webpack，我遇到了一个示例webpack.config.js，它看起来像这样： module.exports = {
entry: [
'webpack-dev-server/client?http://localhost:3030',
'webpack/hot/only-dev-server',
'./src/boot.js'
],
... 在这种情况下，我找不到任何使用问号的规范，但我假设它就像是模块webpack-dev-server/client的一个参数，
浏览 20提问于2021-01-11得票数 1
我尝试用Django + ReactJS创建一个完整的堆栈环境。在这里，我使用Webpack邦德勒，我得到了这个错误，而我试图运行我的webpack服务器从一个virtualenv。我对应用程序开发非常陌生，这是我的第一次尝试，所以有人能帮我吗？
PS C:\Users\NikhileshSubramanian\Desktop\eduWebApp\env\frontend> npm run dev
前端@0.1.0dev C:\Users\NikhileshSubramanian\Desktop\eduWebApp\env\frontend webpack- dev -server m
浏览 0提问于2018-09-29得票数 0
回答已采纳
我在我的反应项目中使用webpack热模块替换。配置如下所示。
let compilerConfig = {
entry: [
'babel-polyfill',
'webpack-dev-server/client?http://0.0.0.0:9000/',
'webpack/hot/only-dev-server',
path.join(ws.srcDir, 'client', 'src', 'index.js'),
浏览 2提问于2018-05-31得票数 2
回答已采纳
这是我在webpack.config.js中的代码的一部分
const common = {
entry: {
style: PATHS.style,
app: PATHS.jsComp
},
output: {
path: PATHS.build,
filename: '[name].js'
},
module: {
loaders: [
{ test: /\.jade$/, loader: "jade" }
]
},
plugins: [
new HtmlWebp
浏览 3提问于2016-06-16得票数 0
我在Windows命令提示符中运行: npm
并得到：
JavaScript-ES6@1.0.0启动C：\Dans\Course\JavaScript-ES6 webpack-dev-server
דwds”：无效配置对象。Webpack已经使用一个与API模式不匹配的配置对象进行初始化。- configuration.module有一个未知的属性“装入器”。这些属性是有效的: object { exprContextCritical？、exprContextRecursive？、exprContextRegExp？、exprContextRequest？、noParse？、rule
浏览 1提问于2018-05-24得票数 0
回答已采纳
3回答
我正在尝试使用以下命令安装react： 然后，我尝试使用以下命令运行： 然后我得到这个错误： There might be a problem with the project dependency tree.
It is likely not a bug in Create React App, but something you need to fix locally.
The react-scripts package provided by Create React App requires a dependency:
"webpack-dev-server"
浏览 79提问于2020-06-21得票数 0
回答已采纳
7回答
在我的package.json中，我定义了两个脚本。如何同时运行它们？
"scripts": {
"server": "webpack-dev-server",
"webpack": "webpack -wd",
},
浏览 1提问于2017-12-24得票数 8
我已经将react-rails添加到一个现有的项目中，我们正在慢慢地迁移到react中。 当前webpacker.yml default: &default
source_path: app/javascript
source_entry_path: packs
public_output_path: packs
cache_path: tmp/cache/webpacker
# Additional paths webpack should lookup modules
# ['app/assets', 'engine/foo/ap
浏览 37提问于2019-02-15得票数 6
回答已采纳
在tsconfig.json中，我包括了"resolveJsonModule": true。
在本地，当我用npm run webpack:dev启动应用程序时，一切都进行得很顺利。
但是，在执行npm run webpack:prod时，它使用：but '--resolveJsonModule' is not used.失败。
因此，我想prod构建没有考虑到tsconfig文件。
我相信这个问题可能存在于webpack.js文件中，但我找不到一个特定的位置或变量。
以下是运行构建的别名：
"webpack:dev": "npm run
浏览 7提问于2020-02-16得票数 0
回答已采纳
我有一个我做的SDK工具包。它依赖于，它是C语言命令行工具的包装器，可以在浏览器中工作。现在我想测试它是否都在浏览器环境中工作。在SDK中，我必须为xmllint创建自定义类型，因为它有自己的类型和im，在sdk中使用类型记录。
declare module "xmllint"{
var xmllint:any;
export default xmllint;
}
我从运行在webpack-dev-server上的非常简单的js应用程序开始。在那里我导入了我的SDK。创建使用xmllint的类实例，并调用called使用xsd验证xml。效果很好。
但由于它基本上不会在普通的j
浏览 0提问于2020-04-08得票数 1
回答已采纳
2回答
我刚刚开始使用webpack来开发React应用程序。我的配置文件如下：
var webpack = require('webpack');
module.exports = {
devtool: "eval",
entry: {
app: [
"webpack-dev-server/client?http://0.0.0.0:8080",
"webpack/hot/only-dev-server",
"./src/scripts/main.js"
]
浏览 2提问于2015-03-08得票数 6
我正在阅读有关Webpack的教程:在这个中，有一节是关于配置webpack的生产和开发。
以下是开发配置：
// webpack.config.dev.js
module.exports = {
devtool: 'cheap-eval-source-map',
entry: [
'webpack-dev-server/client?http://localhost:8080',
'webpack/hot/dev-server',
'./src/index'
],
以下是生产配置：
// we
浏览 4提问于2017-05-04得票数 0
回答已采纳
我正在尝试构建我的prod webpack文件，得到5-10个错误"cannot resolve module“aws-sdk，child_process”。
所有这些错误都以相同的路径开始："ERROR in (webpack)/~/watchpack/~/chokidar/~/fsevents/“
例如：
在软件包模块中找不到错误:错误:无法解析‘(webpack)/~/watchpack/~/chokidar/~/fsevents/~/node-pre-gyp/lib/node-pre-gyp.js’或'directory‘../package
找不到(webpa
浏览 12提问于2016-09-26得票数 4
我正在尝试使用webpack-dev-server“热加载”我的jsx组件。这是我使用的命令：
bin/webpack-dev-server --host 0.0.0.0
当我保存我的jsx代码时，它会有趣地编译，但不会通知我的开发web服务器更新已经发生。我必须手动刷新浏览器才能反映更改。
我正在使用docker，所以我怀疑它与网络问题有关。我注意到webpack-dev-server使用端口3035，而我的web开发服务器使用端口3000。
问一下，当webpack-dev-server编译完成后，会不会打开一个到webserver的socket连接，使其刷新？
浏览 2提问于2020-06-05得票数 2
我有以下错误 在我的React应用程序中： The react-scripts package provided by Create React App requires a dependency:
"webpack-dev-server": "3.11.1"
Don't try to install it manually: your package manager does it automatically.
However, a different version of webpack-dev-server was detected hi
浏览 29提问于2021-03-01得票数 2
回答已采纳
我找不到一种方法来执行我的节点命令与产卵方法。我的剧本是：
node node_modules/.bin/webpack-dev-server --port 8081 --content-base app
我试着执行它，就像：
spawn('node', ['node_modules/.bin/webpack-dev-server --port 8081 --content-base app']);
这将返回一个错误
Cannot find module '/Users/myuser/code/gui/node_modules/.bin/webpack-
浏览 2提问于2016-03-14得票数 0
回答已采纳
3回答
我一直在玩弄Webpack的不同特征，我慢慢地理解了一些事情。
典型控制台-输出：
[WDS] App updated. Recompiling...
[WDS] App hot update...
[HMR] Checking for updates on the server...
[HMR] The following modules couldn't be hot updated: (They would need a full reload!)
[HMR] - 14
[HMR] Nothing hot updated.
[HMR] App is up to date.
不管
浏览 3提问于2015-05-01得票数 14
回答已采纳
1回答
在将javascript文件导入vue.js组件时遇到了错误：
这是/components子文件夹的内容：
/startingV/src/components$ ls -lah
total 132K
drwxr-xr-x 2 marco marco 4,0K dic 26 11:22 .
drwxr-xr-x 5 marco marco 4,0K dic 26 09:32 ..
-rw-r--r-- 1 marco marco 441 nov 2 2016 Counter.vue
-rw-r--r-- 1 marco marco 441 dic 21 15:13 FormValidat
浏览 4提问于2019-12-26得票数 4
回答已采纳
2回答
我在运行"npm run webpack-dev-server --mode=developement“时得到以下错误
ERROR in ./src/index.js 6:2
Module parse failed: Unexpected token (6:2)
You may need an appropriate loader to handle this file type.
|
| ReactDOM.render(
> <App />,
| document.getElementById('root')
| );
ℹ ｢wdm｣: Fa
浏览 1提问于2019-07-05得票数 2
我为一个项目从GitHub克隆了一个回购程序。我已经安装了节点(-v 14.17.5)和npm (-v7.20.6)，但是当我运行npm start时会得到以下代码。我多次尝试重新安装节点和npm，但是我仍然得到相同的错误：
$ npm start
> simplefolio@1.0.1 start
> webpack server --config webpack.dev.js --open
[webpack-cli] You need to install 'webpack-dev-server' for running 'webpack serve
浏览 4提问于2021-08-17得票数 0
2回答
以下是我的React应用程序的webpack.config.js文件
module.exports = {
entry: 'index.js',
output: {
filename: 'bundle.js',
path: '/.'
},
module: {
loaders: [
{
test: /\.jsx?$/,
exclude: /(node_modules|bower_com
浏览 0提问于2017-04-11得票数 1
这是我的webpack.config.js文件：
const webpack = require('webpack');
const path = require('path');
module.exports = {
cache: true,
devtool: 'source-map',
entry: {
app : [
'./src/index.js'
],
vendor: ['lodash']
},
output: {
filename: &#
浏览 0提问于2016-06-25得票数 8
运行webpack时出错-dev-server
ERROR in ./css/app.scss
Module build failed: Error: Parameter 'dependency' must be a Dependency
at Compilation.process [as _addModuleChain] (/usr/local/lib/node_modules/webpack-dev-server/node_modules/webpack/lib/Compilation.js:347:9)
at Compilation.process [a
浏览 3提问于2015-12-18得票数 1
2回答
我正在尝试建立一个基本的应用程序，有角1+类型记录2和Webpack。这个应用程序可以正常工作，直到我尝试使用外部模块，例如：angular-ui-router。
它总是抱怨找不到依赖项：
ERROR in ./src/app.ts Module not found: Error: Cannot resolve module 'angular-ui-router' in ./src/app.ts 3:26-54
演示显示问题：
我怀疑我没有正确导入路由依赖项，尝试：
import uiRouter from 'angular-ui-router';
im
浏览 7提问于2016-11-25得票数 11
回答已采纳
我和npm run dev有问题。它不断地告诉我，无法找到模块webpack-cli/bin/config-yargs。添加的模块(如webpack、webpack-cli和webpack-dev-server )都在其最新版本中。谁也经历过同样的问题？
我已经尝试过重新安装上面提到的模块，并且查看了github和堆栈论坛来寻找解决方案，但是没有一个对我有用。
package.json**:**
scripts: {
"dev": "webpack-dev-server --inline --progress --config
buil
浏览 3提问于2018-12-25得票数 2
我正在使用Symfony和Encore，在通读文章后，它说在进行更改后重新启动encore，但我找不到执行此操作的命令。我尝试设置nodemon来监视webpack.config.js，但它抛出了一个错误
yarn run v1.9.4
$ nodemon --watch webpack.config.js ./node_modules/.bin/webpack-dev-server
[33m[nodemon] 1.18.3[39m
[33m[nodemon] to restart at any time, enter `rs`[39m
[33m[nodemon] watching: webp
浏览 29提问于2018-08-22得票数 2
回答已采纳
我的环境：
Centos7通过VirtualBox (安装在Windows7上)
节点版本: 6.10.3
国家预防机制版本: 3.10.10
我是公司代理人的幕后黑手
我用vue-cli初始化了一个新项目"vuetest“，现在我想运行一个webpack服务器。我使用以下命令：
npm run dev
此命令相当于"webpack-dev-server -打开--热“，这里是我要检查的"package.json”文件：
{
"name": "vuetest",
"description":
浏览 5提问于2017-06-12得票数 1
回答已采纳
npm run dev给出了以下错误：
Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
- configuration has an unknown property 'modules'. These properties are valid:
object { mode?, amd?, bail?, cache?, context?, dependencies?, dev
浏览 1提问于2018-09-12得票数 0
2回答
我试着配置webpack，让一切都启动并运行，但现在也出现了同样的错误。我浏览了其他几篇似乎通过纠正拼写/语法错误而得到解决的文章，但我似乎找不到代码中的任何错误。还有什么更严重的事情发生吗？
ERROR in ./src/components/App/App.js
Module parse failed: /Users/Desktop/fred/src/components/App/App.js Unexpected token (7:11)
You may need an appropriate loader to handle this file type.
|
| render(
浏览 5提问于2017-04-14得票数 0
回答已采纳
9回答
我是React.js新手，我试图从有关的教程中学习，但我遇到了错误。下面是执行npm命令时控制台上的错误：
C:\Users\HP\Desktop\reactApp1> npm start
> reactapp1@1.0.0 start C:\Users\HP\Desktop\reactApp1.
> webpack-dev-server --hot
The CLI moved into a separate package: webpack-cli.
Please install .webpack-cli. in addition to webpack itself t
浏览 3提问于2018-03-04得票数 20
我试着在我的课堂上放一个箭头函数，但是编译失败了。
我读到我应该安装
现在我发现了一个错误：
模块构建失败:错误:找不到预置的"transform-class-properties“相对于目录”/home/路克/文档/myProject“
我已经尝试过在这些帖子中提出的解决方案(还有其他)
我目前的设置如下：
/app/components/App.js
import React from 'react'
import { Switch, Route, BrowserRouter as Router } from 'react-router-dom&
浏览 4提问于2017-09-14得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
