遵循官方教程时webpack出错

时间:2015-06-03 15:41:53

标签: javascript webpack

当我学习webpack时,我遵循本教程:http://webpack.github.io/docs/tutorials/getting-started/ 我安装webpack后运行webpack ./entry.js bundle.js(使用与教程相同的命令)并创建与tutorail完全相同的文件。然后我得到了错误。

 "module.js:338
    throw err;
    ^
Error: Cannot find module 'assert/'
    at Function.Module._resolveFilename (module.js:336:15)
    at Function.require.resolve (module.js:388:19)
    at Object.<anonymous> (/usr/local/lib/node_modules/node-libs-browser/index.js:1:93)
    at Module._compile (module.js:460:26)
    at Object.Module._extensions..js (module.js:478:10)
    at Module.load (module.js:355:32)
    at Function.Module._load (module.js:310:12)
    at Module.require (module.js:365:17)
    at require (module.js:384:17)
    at Object.<anonymous> (/usr/local/lib/node_modules/webpack/lib/node/NodeSourcePlugin.js:7:23)
"

环境是osx 10.10.3,节点是v0.12.4。 我该如何解决这个问题?

1 个答案:

答案 0 :(得分:1)

您确定在系统中正确安装了Webpack吗?

无论如何,最好使用本地安装。这里有一些快速说明,所以你可以试一试。关注项目目录:

  1. npm init
  2. 除非你想调整一些,否则只需回报一切。这将在您的项目根目录
  3. 生成package.json
  4. 点击npm i webpack --save-dev。这会将Webpack作为开发依赖项附加到您的项目中。
  5. 点击node_modules/.bin/webpack ./entry.js bundle.js
  6. 或者,您可以在scripts

    设置package.json部分
    {
        "scripts": {
            "build": "webpack ./entry.js bundle.js"
        }
    }
    

    如果在此之后点击npm run build,它将执行相同的操作。

    我在freely available book about Webpack处了解了更多细节。您可以在那里找到更多高级方法来处理它。