vue中在终端执行npm run dev之后报Failed to scan for dependencies from entries: D:/workspacesC#/myvue/vue-project/index.html
时间: 2023-12-27 19:03:06 浏览: 1393
这个错误提示是因为在执行`npm run dev`命令时,webpack会扫描项目中的所有入口文件来生成依赖关系图,但是你的入口文件是`index.html`而不是`index.js`或`main.js`,所以webpack无法扫描到正确的依赖关系。
解决方法是将入口文件改为`index.js`或`main.js`,并在该文件中引入`index.html`作为模板文件。具体步骤如下:
1. 将`index.html`重命名为`template.html`,并将其移动到`public`目录下。
2. 创建一个新的`index.js`文件,并在该文件中引入`template.html`作为模板文件。
```
import Vue from 'vue'
import App from './App.vue'
import './assets/css/style.css'
new Vue({
render: h => h(App),
}).$mount('#app')
```
3. 修改`vue.config.js`文件中的`devServer`配置,将`index`选项改为`index: 'index.html'`,这样在开发时会自动打开`index.html`文件。
```
module.exports = {
devServer: {
index: 'index.html',
port: 8080,
open: true
}
}
```
4. 修改`template.html`中的`<div id="app"></div>`为`<div id="app"><app></app></div>`,这样`index.js`中的`render`函数才能正确地将`App`组件渲染到`#app`元素中。
```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Vue App</title>
</head>
<body>
<div id="app"><app></app></div>
</body>
</html>
```
5. 运行`npm run dev`命令,webpack会自动编译打包,并在浏览器中打开`index.html`文件。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)