在 vue.js 中找不到模块“mini-css-extract-plugin”答案

【问题标题】：Cannot find module 'mini-css-extract-plugin' in vue.js在 vue.js 中找不到模块“mini-css-extract-plugin”
【发布时间】：2019-05-24 04:23:40
【问题描述】：

我在使用 npm run dev 时遇到问题。它一直告诉我找不到模块webpack-cli/bin/config-yargs。添加的模块如 webpack、webpack-cli 和 webpack-dev-server 是最新版本。有谁也遇到过同样的问题？

我已经尝试重新安装上述模块，并在 github 和堆栈论坛中寻找解决方案，但没有一个对我有用

package.json:

scripts: {
    "dev": "webpack-dev-server --inline --progress --config 
            build/webpack.dev.conf.js",
    "start": "npm run dev",
    "unit": "jest --config test/unit/jest.conf.js --coverage",
    "e2e": "node test/e2e/runner.js",
    "test": "npm run unit && npm run e2e",
    "lint": "eslint --ext .js,.vue src test/unit test/e2e/specs",
    "build": "node build/build.js"
},
devDependencies: {
    "webpack": "^4.28.2",
    "webpack-bundle-analyzer": "^3.0.3",
    "webpack-cli": "^3.1.2",
    "webpack-dev-server": "^3.1.13",
    "webpack-merge": "^4.1.0",
    "mini-css-extract-plugin": "^0.5.0"
}

模块已经安装，它应该开始运行而不是抛出

找不到模块'webpack-cli/bin/config-yargs'

2018 年 12 月 26 日更新

webpack v4 不支持extract-text-webpack-plugin 所以我用mini-css-extract-plugin 替换它现在它显示了这个结果

找不到模块“mini-css-extract-plugin”

【问题讨论】：

您的webpack.dev.conf.js 可能有问题？您可以提供该代码。
它正在工作。我做了另一个项目并在 devDependencies 添加了mini-css-extract-plugin，并更新了 webpack.dev.cong.js :)

标签： node.js vue.js webpack

【解决方案1】：

终于

所以我创建了一个新项目并在 devDependencies 中添加了mini-css-extract-plugin 并更新了webpack.dev.conf.js

const MiniCssExtractPlugin = require('mini-css-extract-plugin')

因为 extract-text-webpack-plugin 在使用 webpack v4 时已被弃用，现在它可以工作了！

【讨论】：