【问题标题】:Cannot find module 'webpack-cli'找不到模块'webpack-cli'
【发布时间】:2018-09-26 02:01:55
【问题描述】:

我想让 es6 进入我的项目,所以我使用了这个教程this tutorial 当我尝试在 cmd 中编写“webpack”时出现错误

    Done in 8.99s.
{ Error: Cannot find module 'webpack-cli'
    at Function.Module._resolveFilename (module.js:470:15)
    at Function.Module._load (module.js:418:25)
    at Module.require (module.js:498:17)
    at require (internal/module.js:20:19)
    at runCommand.then.result (C:\Users\adirz\AppData\Roaming\npm\node_modules\webpack\bin\webpack.js:62:14)
    at process._tickCallback (internal/process/next_tick.js:109:7) code: 'MODULE_NOT_FOUND' }

package.json

   {
  "name": "functions",
  "scripts": {
    "build": "tsc",
    "serve": "npm run build && firebase serve --only functions",
    "shell": "npm run build && firebase functions:shell",
    "start": "npm run shell",
    "deploy": "firebase deploy --only functions",
    "logs": "firebase functions:log"
  },
  "main": "lib/index.js",
  "dependencies": {
    "firebase-admin": "~5.12.0",
    "firebase-functions": "^1.0.1"
  },
  "devDependencies": {
    "ts-loader": "^4.2.0",
    "typescript": "^2.5.3",
    "webpack": "^4.5.0",
    "webpack-cli": "^2.0.14",
    "webpack-node-externals": "^1.7.2"
  },
  "private": true
}

我的文件夹结构

【问题讨论】:

    标签: firebase webpack ecmascript-6


    【解决方案1】:

    尝试使用:npm i -g webpack-cli

    这里是github上的官方issue:https://github.com/webpack/webpack-cli/issues/191

    【讨论】:

    • 这会产生大量的“gyp”和“pre-gyp”错误:(
    • 我不得不全局安装 webpack 和 webpack-cli 来解决这个问题。这解决了我的问题,但在我脑海中留下了一个疑问。当 webpack-cli 是项目依赖时,为什么要全局安装呢?
    【解决方案2】:

    将全局安装的包链接到您的项目

    npm link webpack-cli
    

    【讨论】:

      【解决方案3】:

      这解决了我的问题

      sudo chown -R $USER /usr/local/lib/node_modules
      npm i -g webpack-cli
      

      https://flaviocopes.com/npm-fix-missing-write-access-error/

      【讨论】:

        【解决方案4】:

        对我来说,问题是我没有使用“sudo”权限。 如果您使用的是基于 linux 的系统,请尝试输入 sudo npm i -g webpack-cli

        【讨论】:

          【解决方案5】:

          我遇到了类似的错误。对我来说,答案是确保我的项目的整个路径没有空格、& 符号(&)或任何其他奇怪的字符。

          【讨论】:

            【解决方案6】:

            如果您使用 Yarn 而不是 NPM 来全局运行 Webpack,则可以使用以下命令安装 webpack:

            yarn global add webpack
            

            和或

            yarn global add webpack-cli
            

            【讨论】:

              猜你喜欢
              • 2020-06-30
              • 1970-01-01
              • 2021-04-23
              • 1970-01-01
              • 1970-01-01
              • 2021-03-30
              • 2020-04-23
              • 1970-01-01
              • 1970-01-01
              相关资源
              最近更新 更多