webpack-dev-server 'webpack' 모듈을 찾을 수 없습니다.

webpack-dev-server 'webpack' 모듈을 찾을 수 없습니다.

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 

또, 다음의 인스톨도 가능합니다.

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

같은 문제가 있었지만 추가 설치로 해결했습니다.webpack-cli

npm install --save-dev webpack-cli

다음을 시도해 보십시오.

먼저 webpack-dev-server를 설치해야 합니다.

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

그럼 소포에 넣어주세요.json, 시작 스크립트에서 다음을 사용합니다.

"start": "webpack serve --config webpack.config.js --open"

메모webpack.config.js웹 팩 구성 파일의 파일 이름으로 대체해야 합니다.

지금 실행npm start

효과가 있기를!

언급URL : https://stackoverflow.com/questions/42256114/webpack-dev-server-cannot-find-module-webpack