【问题标题】:Module not found: Error: Can't resolve 'webpack'找不到模块:错误:无法解析“webpack”
【发布时间】:2017-07-10 22:02:44
【问题描述】:

我正在尝试使用我拥有的所有 javascript 生成 bundle.js。这是我使用的命令。

> C:\Users\aaa\node_modules\.bin>"C:\Users\aaa\node_modules\.bin\webpack.cmd" "D:\www\webpack.config.js" "D:\www\bundle.js"   

bundle.js 生成但构建失败。这是错误。

C:\Users\aaa\node_modules\.bin>C:\Users\aa\node_modules\.bin\webpack.cmd D:\www\webpack.config.js D:\www\bundle.js
Hash: 44eb203978bf482447b4
Version: webpack 2.2.1
Time: 94ms
    Asset   Size  Chunks             Chunk Names
bundle.js  15 kB       0  [emitted]  main
   [0] ../webpack/~/node-libs-browser/~/path-browserify/index.js 6.18 kB {0} [bu
ilt]
   [1] ../webpack/~/node-libs-browser/~/process/browser.js 5.3 kB {0} [built]
   [2] D:/www/webpack.config.js 567 bytes {0} [built]

ERROR in D:/www/webpack.config.js
Module not found: Error: Can't resolve 'webpack' in 'D:\www'
 @ D:/www/webpack.config.js 2:16-34   

这是我的 webpack.config.js

const path = require('path');
const webpack = require('webpack');
module.exports = {
  context: path.resolve("www", './src'),
  entry: {
    app: ['js/index.js', './js/require.js', './js/google-protobuf.js', './js/proto/ByteBufferAB.min.js',
     './js/proto/Long.min.js', './js/proto/control_1.js', './js/proto/data_1.js', './js/proto/data_hmi_1.js',
      './js/proto/main_1.js'],
  },
  output: {
    path: path.resolve("www", './dist'),
    filename: 'bundle.js',
  }
};

请提供任何参考或提示。

【问题讨论】:

  • 您确定用户aaa 存在吗?
  • 是的.. 'aaa' 我只是用来隐藏真实的用户名。
  • 您是否在D:\www 中运行npm install

标签: javascript node.js webpack webpack-2


【解决方案1】:

尝试改变你的上下文和输出路径:

context: path.resolve(__dirname, './'),
output: {
    path: path.resolve(__dirname, './dist'),
    filename: 'bundle.js',
    publicPath: '/'
},

然后 __dirname 将替换为您的文件所在的物理路径。

【讨论】:

  • 但在此处抛出错误“const webpack = require('webpack');”
  • 我想,因为你将上下文设置为上下文:path.resolve("www", './src'),而不是上下文:resolve(__dirname, './'),它是试图在 'D:\www' 寻找 webpack
  • 更新上下文后同样的问题:path.resolve("C:/Users/aaa/node_modules/.bin", './'),
【解决方案2】:

请检查你是否全局安装了 webpack。

检查命令:webpack -v

你还应该执行 webpack 构建命令:webpack --config webpack.config.js --progress --colors

请注意,命令应在存在webpack.config.js 的同一目录中执行。

您根据当前命令使用本地 webpack。

【讨论】:

    猜你喜欢
    • 2016-12-10
    • 2017-12-28
    • 2017-03-22
    • 1970-01-01
    • 1970-01-01
    • 2019-07-27
    • 1970-01-01
    • 2020-03-18
    • 1970-01-01
    相关资源
    最近更新 更多