javascript - Node Package manager watch command not working
问题描述
I try to run npm run watch command after installing frontend dependency in my vue js project. I added scripts section in package.json like below-
"scripts": {
"dev": "npm run development",
"development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"watch": "npm run development -- --watch",
"watch-poll": "npm run watch -- --watch-poll",
"hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js --disable-host-check",
"prod": "npm run production",
"production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
},
But i Got this error
webpack-cli] Error: Unknown option '--hide-modules'
[webpack-cli] Run 'webpack --help' to see available commands and options
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! vue-frontend@1.0.0 development: cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js "--watch"
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the vue-frontend@1.0.0 development script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\USER\AppData\Roaming\npm-cache_logs\2021-02-04T10_14_54_712Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! vue-frontend@1.0.0 watch: npm run development -- --watch
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the vue-frontend@1.0.0 watch script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
解决方案
这可能是 webpack 的问题,请尝试以下操作:
npm uninstall webpack-dev-server
npm install webpack-dev-server@2.9.1 --dev
npm run serve
推荐阅读
- flutter - Flutter Mock Amplify 使用 Mockito
- css - 当我尝试使用 css 或 html 将其引入时,图像会失真
- java - Quarkus 不会以编程方式选择 bean
- javascript - 如何创建一个从 API 获取图像并使用 ReactJs 下载到本地的按钮
- windows - 我应该从哪个存储库下载 Redis(Windows 版本)?
- sql - 如何将日期时间列拆分为日期列和连接时间,对于同一日期,SQL Server 2012 中的列
- charts - 更改 x 值标签以跟上日期的图表?
- python - 安装 python eth-wallet 时需要 Visual C++ 错误
- java - 如何使用 Kotlin 在 android 中更改 TextClock 的格式
- web-scraping - scrapy:使用“显示更多”按钮从网站上抓取数据