Webpack ищет реагировать в глобальном каталоге

Question

Вот мой WebPack-DEV-сервере configuations

module.exports = { 
    entry: './main.js', 
    output: { 
    path: './', 
    filename: 'bundle.js' 
    }, 
    devServer: { 
    inline: true, 
    port: 9000 
    }, 
    module: { 
    loaders: [{ 
     test: /\.js$/, 
     exclude: '/(node_modules)/', 
     loader: 'babel', 
     query: { 
     presets: ['es2015', 'react'] 
     } 
    }] 
    } 
}; 

Почему я получаю следующее сообщение об ошибке, когда я запускаю сервер

ERROR in (webpack)-dev-server/~/strip-ansi/index.js Module build failed: Error: Couldn't find preset "react" relative to directory "/Users/ecco/.nvm/versions/node/v5.4.0/lib/node_modules/webpack-dev-server/node_modules/strip-ansi"

моего package.json

"devDependencies": { 
"babel-core": "^6.4.5", 
"babel-loader": "^6.2.2", 
"babel-preset-es2015": "^6.3.13", 
"babel-preset-react": "^6.3.13", 
"webpack": "^1.12.13" 
} 

Answer 1

У вас нет webpack-dev-server, установленного в качестве модуля локального узла (его нет в вашем package.json

Вы можете видеть, какие модули установлены локально и глобально с помощью npm list и npm list --global. Чтобы найти конкретные модули, эта команда будет отправлена ​​в grep, т. Е. npm list --global | grep webpack-dev-server

Я бы предложил установить Dev-сервер как devDependency вашего проекта. Как правило, старайтесь избегать установки модулей с -g, если это абсолютно необходимо. Кроме того, используйте сценарии npm (в вашем пакете.json) для запуска модулей в вашем локальном каталоге, без необходимости ссылаться на них явно, например.

{ 
    "scripts": { 
    "serve": "webpack-dev-server --config your.config.js" 
    } 
} 

затем запустить npm run serve, а не работает ./node_modules/.bin/webpack-dev-server --config your.config.js (или хуже, устанавливая его глобально)