在vue.js中找不到模块'mini-css-extract-plugin'

时间:2018-12-25 13:58:03

标签: node.js vue.js webpack

我遇到npm run dev的问题。它不断告诉我找不到模块webpack-cli/bin/config-yargs。像webpackwebpack-cliwebpack-dev-server这样添加的模块是最新版本。有人也遇到过同样的问题吗?

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

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'


更新12/26/2018

webpack v4不支持extract-text-webpack-plugin,所以我将其替换为mini-css-extract-plugin,现在它显示了此结果

  

找不到模块'mini-css-extract-plugin'

1 个答案:

答案 0 :(得分:0)

最后

因此,我创建了一个新项目,并在devDependencies中添加了mini-css-extract-plugin,并用{p1

webpack.dev.conf.js

由于const MiniCssExtractPlugin = require('mini-css-extract-plugin') 在使用webpack v4时已弃用,现在可以使用!