vue安装Error: Cannot find module 'C:\Windows\System32\vue\node_modules\webpack-dev-server\bin\webpack-dev-server.js'
时间: 2023-11-20 18:05:51 浏览: 212
根据提供的引用内容,这个错误可能是由于webpack-dev-server未正确安装或路径设置不正确导致的。解决此问题的步骤如下:
1. 确保已经安装了webpack-dev-server。如果没有安装,请使用以下命令进行安装:
```shell
npm install webpack-dev-server --save-dev
```
2. 确保webpack-dev-server的路径设置正确。可以在package.json文件中的scripts部分找到启动命令,例如:
```json
"scripts": {
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js"
}
```
在这个例子中,webpack-dev-server的路径应该是`./node_modules/webpack-dev-server/bin/webpack-dev-server.js`。如果路径不正确,请修改为正确的路径。
3. 如果以上两个步骤都没有解决问题,请尝试删除node_modules文件夹并重新安装依赖:
```shell
rm -rf node_modules
npm install
```
相关问题
Error: Cannot find module 'C:\Users\ky\Desktop\gshop-main\hello-vue\node_modules\webpack-dev-server\bin\webpack-dev-server.js'
根据引用、和的内容,你遇到的错误是由于webpack与webpack-dev-server版本不兼容导致的。解决这个问题的方法有以下几种:
1. 卸载现有的webpack-dev-server,并安装老版本的webpack-dev-server:
- 执行命令:npm uninstall webpack-dev-server
- 执行命令:npm i webpack-dev-server@3.11.0
2. 确保webpack-cli和webpack-dev-server的版本都是3.x.x:
- 执行命令:npm uninstall webpack-cli -D
- 执行命令:npm i webpack-cli@3.3.12 -D
3. 强制卸载现有的webpack,并安装老版本的webpack:
- 执行命令:npm uninstall webpack --force
- 执行命令:npm i webpack@3.11.0 --force
4. 运行项目:
- 执行命令:npm run dev
另外,你还可以尝试使用cnpm来安装依赖和运行项目。首先安装cnpm:
- 执行命令:npm install -g cnpm --registry=https://registry.npm.taobao.org
然后使用cnpm来安装和运行项目:
- 执行命令:cnpm install
- 执行命令:cnpm run dev
请注意,以上方法都是根据引用内容提供的解决方案,可能因具体情况而有所差异。建议你根据自己的项目和依赖情况选择适合的方法进行尝试解决。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [gshop@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js的解决...](https://blog.csdn.net/qq_52359462/article/details/115699153)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [npm run dev运行时报错出现foms-client@1.0.0 dev: `webpack-dev-server --inline --progress --config ...](https://blog.csdn.net/qq_46687516/article/details/124498382)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
TypeError: Non-string provided as watch path: false at FSWatcher.add (E:\电脑桌面\vue-admin-template-master\node_modules\webpack-dev-server\node_modules\chokidar\index.js:604:11) at Object.exports.watch (E:\电脑桌面\vue-admin-template-master\node_modules\webpack-dev-server\node_modules\chokidar\index.js:746:33) at Server._watch (E:\电脑桌面\vue-admin-template-master\node_modules\webpack-dev-server\lib\Server.js:1014:30) at Server.setupWatchStaticFeature (E:\电脑桌面\vue-admin-template-master\node_modules\webpack-dev-server\lib\Server.js:448:12) at Object.watchContentBase (E:\电脑桌面\vue-admin-template-master\node_modules\webpack-dev-server\lib\Server.js:511:14) at E:\电脑桌面\vue-admin-template-master\node_modules\webpack-dev-server\lib\Server.js:584:24 at Array.forEach (<anonymous>) at Server.setupFeatures (E:\电脑桌面\vue-admin-template-master\node_modules\webpack-dev-server\lib\Server.js:583:49) at new Server (E:\电脑桌面\vue-admin-template-master\node_modules\webpack-dev-server\lib\Server.js:126:10) at serve (E:\电脑桌面\vue-admin-template-master\node_modules\@vue\cli-service\lib\commands\serve.js:172:20) at processTicksAndRejections (node:internal/process/task_queues:96:5)
这个错误提示的意思是,webpack-dev-server监听的文件路径不是字符串类型,而是一个布尔类型的值false,导致出现了类型错误。
通常情况下,webpack-dev-server会监听指定目录下的文件变化,并自动进行热重载。您可以检查一下您的webpack-dev-server配置文件中,是否正确指定了需要监听的文件目录。
如果您使用的是vue-cli脚手架工具创建的vue项目,通常情况下,webpack-dev-server的配置文件为vue.config.js,您可以在该文件中查找并确认是否正确指定了需要监听的文件目录。
另外,您可以尝试升级一下webpack-dev-server的版本,或者重新安装一下webpack-dev-server模块,以解决可能的版本兼容性问题。
阅读全文