我正在try 使用webpack dev server来运行一个简单的程序

module.js:471
    throw err;
    ^

Error: Cannot find module 'webpack'
    at Function.Module._resolveFilename (module.js:469:15)
    at Function.Module._load (module.js:417:25)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> 
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)

我已经用以下npm命令安装了webpack

npm install --save-dev webpack

我有以下配置:

(webpack.config.js)
var webpack = require('webpack');
var path = require('path');

var BUILD_DIR = path.resolve(__dirname, 'client/public');
var APP_DIR = path.resolve(__dirname, 'client/app');

var config = {
  entery: APP_DIR + '/index.js',
  output: {
    path: BUILD_DIR,
    filename: 'bundle,js',
  },
  module: {
    loaders: [
      {
        test: /.jsx?$/,
        loader: 'babel-loader',
        exclude: /node_modules/,
        query: {
          presets: ['es2015', 'react']
        }
      }
    ]
  }
};

module.exports = config;

我什么都试过了,我真的迷路了.

推荐答案

npm install --save-dev webpack美元还不够.

您还必须安装以下软件:

npm install --save-dev webpack-dev-server 

此外,您还可以 Select 安装:

npm install --save-dev webpack-dev-middleware webpack-hot-middleware

Node.js相关问答推荐

使用Vite和ReactJS时,在哪里设置NODE_OPTIONS?

如何在Reaction应用程序中查看存储的斑点图像?

用于SLACK命令返回json而不是文本的AWS lambda函数

在对象的嵌套数组中使用$lookup,创建多个记录作为响应,mongodb

使用 Google Drive API 按文件夹 ID 检索文件夹的内容

Prisma 和 Nextjs:重新部署之前内容不会更新

TypeScript Eslint警告了一个AWS客户端构造函数(dynamodb),但没有警告另一个(s3)

表达 js 错误处理程序在第一个之后被忽略

$not 的聚合版本是什么?

如何在带有 JS 的 Nodejs 中使用没有 Async 方法的 Await

为什么后端开发需要单独的服务器?

加速 sequelize ORM 中的查询

无法关闭 node.js 中的mongoose 连接

为什么我的 npm 脚本中的 glob 不起作用?

Nodejs mongoose 在一个查询中从多个集合中获取结果

用户通过 oauth2 twitter 授权或通过Passport discord后如何重定向到 React/Vue 路由?

从 CoffeeScript 中的数组中删除一个值

添加git信息到create-react-app

具有多个条件的mongoose 查找

yarn 和 npm 的主要区别是什么?