遵循官方教程时webpack出现错误

error with webpack when follow official tutorial

本文关键字：错误 webpack 官方 教程      更新时间：2023-09-26

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

 "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。我该如何解决这个问题?

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

无论如何，最好使用本地安装。这里有一些快速的指导，你可以试一试。遵循您的项目目录:

  1. npm init
  2. 只要点击返回一切，除非你想调整一些。这将在项目根目录
    3. 生成package.json
  3. 按npm i webpack --save-dev。这将把Webpack作为一个开发依赖附加到你的项目中。
  4. 点击node_modules/.bin/webpack ./entry.js bundle.js

或者你可以在package.json:

设置一个scripts节
{
    "scripts": {
        "build": "webpack ./entry.js bundle.js"
    }
}

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

在我免费提供的关于Webpack的书中有更多的细节。你可以在这里找到更高级的处理方法

相关文章：