/src/views/**/*.vue 怎么获取
时间: 2023-07-04 15:26:03 浏览: 162
如果你想获取 Vue 应用程序中 `src/views` 目录下的所有 `.vue` 文件的路径,可以使用 Node.js 的 `glob` 模块来实现。
首先,你需要在你的 Vue 项目中安装 `glob` 模块:
```bash
npm install glob --save-dev
```
然后,在你的代码中,使用以下代码获取匹配的文件路径:
```javascript
const glob = require('glob')
const vueFiles = glob.sync('./src/views/**/*.vue')
console.log(vueFiles)
// Output: [ './src/views/Home.vue', './src/views/About.vue', ... ]
```
这个方法使用了 `glob.sync()` 方法来同步获取所有匹配的文件路径。`./src/views/**/*.vue` 是一个通配符模式,它将匹配 `src/views` 目录下的所有子目录中的 `.vue` 文件。
请注意,在使用这种方法时,你需要确保目标目录中只包含你想要匹配的文件。如果目录中包含其他类型的文件,你可能需要使用其他的通配符模式来排除这些文件。
相关问题
These relative modules were not found: * ../api/util.js in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0&bustCache!./src/views/common/main-navbar.vue * ./main-navbar-update-password in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0&bustCache!./src/views/common/main-navbar.vue * ./main-sidebar-sub-menu in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0&bustCache!./src/views/common/main-navbar.vue
这个错误提示说明在`./src/views/common/main-navbar.vue`文件中找不到以下模块:
- `../api/util.js`
- `./main-navbar-update-password`
- `./main-sidebar-sub-menu`
这可能是因为这些模块的路径或文件名有误,或者这些模块没有正确的导出。
请确保以下几点:
1. 确认这些模块文件的路径和文件名是否正确。检查文件是否存在,并且大小写是否匹配(如果你的操作系统是区分大小写的)。
2. 确认这些模块文件中是否正确导出了相应的内容。例如,在`../api/util.js`中是否正确导出了所需的变量、函数或对象。
3. 如果这些模块是自定义模块,而不是第三方模块,确保你已经正确安装了依赖。
如果以上步骤都没有解决问题,请提供更多相关代码,以便更详细地分析和解决问题。
These dependencies were not found: * @/views/About.vue in ./src/router/index.js * @/views/Home.vue in ./src/router/index.js
这个错误通常是因为你在`router/index.js`文件中引用了`@/views/About.vue`和`@/views/Home.vue`组件,但是这两个组件在你的项目中并不存在。
解决这个问题的方法是,检查一下你的项目结构,确保`views`文件夹下有`About.vue`和`Home.vue`文件,并且它们的路径是正确的。这里的`@`符号是一个别名,指向`src`目录。因此,`@/views/About.vue`的路径实际上是`src/views/About.vue`。
如果你的项目结构是正确的,但仍然出现这个错误,那么可以尝试重新安装依赖项,以确保所有依赖项都已正确安装。可以使用以下命令重新安装依赖项:
```
npm install
```
如果你在使用Vue CLI创建项目时选择了默认的配置,则应该会自动为你创建`views`文件夹,并在其中包含`Home.vue`和`About.vue`组件。如果你手动创建了这些文件,那么请确保它们的文件名和路径都是正确的。
阅读全文
相关推荐
![-](https://img-home.csdnimg.cn/images/20241231045053.png)
![-](https://img-home.csdnimg.cn/images/20241231044955.png)
![-](https://img-home.csdnimg.cn/images/20241231045053.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)