首页This dependency was not found: * vue- in ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/components/page/Markdown.vue

This dependency was not found: * vue- in ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/components/page/Markdown.vue

时间: 2023-06-30 08:23:26 浏览: 163

Vue中"This dependency was not found"问题的解决方法

"Vue中"This dependency was not found"问题的解决方法" Vue 中的"This dependency was not found"问题是指在使用 Vue 框架进行开发时，无法找到依赖项的情况。这类问题常见于编译时，控制台会报错，表示无法找到某个依赖项，例如 common/stylus/index.styl。今天，我们将给大家介绍解决这个问题的方法。一、问题的原因这个问题的原因是 Vue 框架中的路径问题。在 Vue 中，引入文件时，需要通过 ./ 通知编译器是在当前路径，不然的话，第一个文件夹名会被认为是 webpack 配置的 alias（别名）。例如，在上面的代码中，import 'common/stylus/index.styl' 就会被认为是别名，而不是当前路径下的文件。二、解决方法解决这个问题的方法非常简单，就是在引入文件时加上 ./ 。例如，应该改为 import './common/stylus/index.styl'。这样，编译器就会正确地找到文件，不会报错。三、示例代码下面是解决后的示例代码： ```javascript import Vue from 'vue' import App from './App' import router from './router' import './common/stylus/index.styl' // 添加 ./ 避免编译器认为是别名 /* eslint-disable no-new */ new Vue({ el: '#app', render: h => h(App) }) ``` 四、总结在 Vue 中，引入文件时需要加上 ./ 以避免编译器认为是别名。这种方法可以解决"This dependency was not found"的问题，希望对大家有所帮助。如果大家有任何疑问，请随时留言，我们将及时回复大家的。

这个错误提示是因为在你的代码中缺少了vue依赖，需要你安装vue依赖或者检查代码中是否正确引入了vue。可以尝试通过命令行安装vue依赖：`npm install vue` 或者 `yarn add vue`。如果已经安装了vue依赖，可能是因为webpack或者其他构建工具没有正确配置导致的，需要检查相关配置文件。

阅读全文