Webpack 命令抛出错误：找不到模块'webpack'

Question

我正在使用Web应用程序。我使用vue.js作为前端，发现需要WebPack，因此我将其安装了Globaly，但是每当我运行'webpack'命令时，我都会收到错误：

C:Userscompacnode_moduleswebpack-clibinwebpack.js:242
                            throw err;
                            ^
Error: Cannot find module 'webpack'
at Function.Module._resolveFilename (module.js:547:15)
at Function.Module._load (module.js:474:25)
at Module.require (module.js:596:17)
at require (C:Userscompacnode_modulesv8-compile-cachev8-compile- 
cache.js:159:20)
at Object.<anonymous> (C:Userscompacnode_moduleswebpack-clibinconvert- 
argv.js:7:24)
at Module._compile (C:Userscompacnode_modulesv8-compile-cachev8- 
compile-cache.js:178:30)
at Object.Module._extensions..js (module.js:663:10)
at Module.load (module.js:565:32)
at tryModuleLoad (module.js:505:12)
at Function.Module._load (module.js:497:3)
at Module.require (module.js:596:17)
at require (internal/module.js:11:18)
at yargs.parse (C:Userscompacnode_moduleswebpack- 
clibinwebpack.js:239:14)
at Object.parse (C:Userscompacnode_modulesyargsyargs.js:543:18)
at C:Userscompacnode_moduleswebpack-clibinwebpack.js:217:8
at Object.<anonymous> (C:Userscompacnode_moduleswebpack- 
clibinwebpack.js:512:3)
at Module._compile (module.js:652:30)
at Object.Module._extensions..js (module.js:663:10)
at Module.load (module.js:565:32)
at tryModuleLoad (module.js:505:12)
at Function.Module._load (module.js:497:3)
at Module.require (module.js:596:17)
at require (internal/module.js:11:18)
at Object.<anonymous> 
(C:UserscompacAppDataRoamingnpmnode_moduleswebpackbin 
webpack.js:12:2)
at Module._compile (module.js:652:30)
at Object.Module._extensions..js (module.js:663:10)
at Module.load (module.js:565:32)
at tryModuleLoad (module.js:505:12)
at Function.Module._load (module.js:497:3)
at Function.Module.runMain (module.js:693:10)

我不明白问题是什么，这是我的软件包

{
"name": "web_coding_challenge_python",
"version": "1.0.0",
"description": "",
"main": "App.js",
"author": "",
"license": "ISC",
"scripts": {
"dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
 },
"dependencies": {
"lodash": "^4.17.4",
"vue": "^2.3.3",
"vue-resource": "^1.3.4"
 },
"devDependencies": {
"babel-core": "^6.0.0",
"babel-loader": "^6.0.0",
"babel-preset-env": "^1.6.1",
"babel-runtime": "^6.26.0",
"cross-env": "^3.0.0",
"css-loader": "^0.25.0",
"file-loader": "^0.9.0",
"vue-loader": "^12.1.0",
"vue-template-compiler": "^2.3.3",
"webpack": "^4.2.0"
}
}

我有以下配置

var path = require('path')
var webpack = require('webpack')
module.exports = {
entry: './static/js/App.js',
output: {
path: path.resolve(__dirname, './static/public'),
publicPath: '/static/public/',
filename: 'bundle.js'
},
module: {
rules: [
  {
    test: /.vue$/,
    loader: 'vue-loader',
    options: {
      loaders: {
      }
      // other vue-loader options go here
    }
  },
  {
    test: /.js$/,
    loader: 'babel-loader',
    exclude: /node_modules/
  },
  {
    test: /.(png|jpg|gif|svg)$/,
    loader: 'file-loader',
    options: {
      name: '[name].[ext]?[hash]'
    }
  }
]
},
performance: {
hints: false
 },
 devtool: '#eval-source-map'
 }
 if (process.env.NODE_ENV === 'production')
 {
 module.exports.devtool = '#source-map'
module.exports.plugins = (module.exports.plugins || []).concat([
new webpack.DefinePlugin({
  'process.env': {
    NODE_ENV: '"production"'
  }
}),
new webpack.optimize.UglifyJsPlugin({
  sourceMap: true,
  compress: {
    warnings: false
  }
}),
new webpack.LoaderOptionsPlugin({
  minimize: true
})
 ])
}

Answer 1

我发现我应该运行仅webpack的node_modules/.bin/webpack。