vue 报错./lib/html5-entities.js this relative module was not

本文记录了一次因360杀毒软件误删关键文件导致程序无法正常运行的问题,通过恢复被误删的文件,问题得以解决。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

原文参考http://www.bozhiyue.com/web/yuyan/2017/0501/1236324.html

 

 

 

然后就把他俩注视了,是不报错了,但是也没有运行不出来;

 

 

居然是因为早上我360杀毒,把东西删了,重新回复就好了,(这里不是道回复那个的话,就全选,但是会恢复以前删除过的垃圾的东西)

 

 

 

转载于:https://www.cnblogs.com/qingqingzou-143/p/7067694.html

### Vue项目中相对模块找到的问题分析与解决方案 在Vue项目开发过程中,如果遇到 `relative module not found` 的错误提示,通常是因为Webpack无法找到指定路径下的文件。以下是可能的原因及其对应的解决方法: #### 1. 文件路径拼写错误 检查导入语句中的路径是否正确无误。例如,在代码中可能存在如下情况: ```javascript import ChildOne from './ChildOne'; ``` 如果实际文件名为 `ChildOne.vue` 或者位于同的目录下,则需要调整路径以匹配实际情况。 #### 2. 文件扩展名遗漏 默认情况下,Vue CLI配置的 Webpack 会自动补全 `.vue` 扩展名。因此,建议显式声明扩展名[^1]: ```javascript import ChildOne from './ChildOne.vue'; // 明确指出 .vue 后缀 ``` #### 3. Babel 和 Loader 配置问题 确保项目的 `babel-loader` 和 `vue-loader` 已正确定义并支持处理 `.vue` 文件。可以通过以下方式验证加载器版本兼容性: - 安装最新版依赖项: ```bash npm install --save-dev babel-loader vue-loader webpack ``` - 检查 `webpack.config.js` 中是否有类似以下规则定义: ```javascript module.exports = { module: { rules: [ { test: /\.vue$/, loader: 'vue-loader' }, { test: /\.(js|jsx)$/, exclude: /node_modules/, use: ['babel-loader'] } ] } }; ``` #### 4. 使用别名简化路径映射 为了减少因复杂嵌套结构引发的路径混乱,可以设置路径别名。编辑 `vue.config.js` 添加自定义解析选项[^4]: ```javascript const path = require('path'); module.exports = { configureWebpack: { resolve: { alias: { '@components': path.resolve(__dirname, 'src/components'), '@views': path.resolve(__dirname, 'src/views') } } } }; ``` 之后可以直接这样引入组件而无需关心具体层级关系: ```javascript import ChildOne from '@/components/ChildOne.vue'; ``` #### 5. 缓存清理 有时旧缓存可能导致新改动未生效。尝试清除Node Modules后再重新安装全部依赖包,并重启服务来排除干扰因素。 ```bash rm -rf node_modules package-lock.json yarn.lock npm cache clean --force npm install npm run serve ``` --- ### 总结 上述方案涵盖了从基础语法校验到高级构建工具优化等多个层面的内容。针对同场景采取相应措施即可有效规避 “Relative Module Not Found” 类型报错现象的发生。