This relative module was not found: * ./SliderVerify.vue in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/login/index.vue?vue&type=script&lang=js&
时间: 2023-09-24 15:11:57 浏览: 72
这个错误提示是在 Vue.js 项目中出现的,它表示在 `./src/views/login/index.vue` 组件中的 JavaScript 部分引用了 `./SliderVerify.vue` 组件,但是在项目中找不到这个组件。
可能的原因有:
1. `./SliderVerify.vue` 组件没有正确安装或导入,可以检查一下是否正确安装了依赖并且正确导入了组件。
2. 在引用组件的时候路径写错了,可以检查一下路径是否正确。
3. 如果是在使用 webpack 进行构建的时候出现了这个错误,那么可能是 webpack 配置出现了问题,可以检查一下 webpack 配置文件是否正确。
相关问题
This relative module was not found: * ./Tagsview in ./src/layout/components/index.js
根据你提供的引用内容,问题是关于在VUE项目中出现"This relative module was not found"错误的解决办法。根据\[1\]的描述,可以按照链接中提供的方法逐个排查问题。如果问题仍未解决,可以尝试以下方法。
根据\[2\]的描述,你可以逐个检查文件,确保路径正确,没有空格或文件拼写错误。特别是要检查引用该模块的地方,确认路径是否正确。在你提供的问题中,错误是在"./src/layout/components/index.js"中引用"./Tagsview"模块时出现的。你可以检查一下"./Tagsview"模块的路径是否正确,确保文件存在并且路径正确。
如果问题仍然存在,你可以尝试重新安装依赖项,或者检查是否有其他文件或配置错误导致模块无法找到。
总结一下,解决"This relative module was not found"错误的方法包括按照链接中提供的方法逐个排查问题,检查文件路径是否正确,重新安装依赖项,以及检查其他可能导致模块无法找到的错误。希望这些方法能够帮助你解决问题。
#### 引用[.reference_title]
- *1* *2* [These relative modules were not found:](https://blog.csdn.net/heming9174/article/details/121753182)[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^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
This relative module was not found: * ./registerServiceWorker in ./src/main.js
`registerServiceWorker` 是一个用于注册 Service Worker 的文件,通常在 Vue CLI 创建的项目中会默认生成该文件。如果您没有使用 Service Worker,可以在 `src/main.js` 中注释掉相关代码或者删除该文件。
在 `src/main.js` 中,通常会有以下代码用于注册 Service Worker:
```js
import registerServiceWorker from './registerServiceWorker'
Vue.config.productionTip = false
/* eslint-disable no-new */
new Vue({
el: '#app',
router,
components: { App },
template: '<App/>'
})
registerServiceWorker()
```
如果不需要使用 Service Worker,可以将其中的 `registerServiceWorker()` 方法调用删除或者注释掉:
```js
import registerServiceWorker from './registerServiceWorker'
Vue.config.productionTip = false
/* eslint-disable no-new */
new Vue({
el: '#app',
router,
components: { App },
template: '<App/>'
})
// registerServiceWorker()
```
这样就可以避免该错误了。