This dependency was not found: * @/views/dataFactory/warehouseAI/index.vue in ./src/router/index.ts To install it, you can run: npm install --save @/views/dataFactory/warehouseAI/index.vue

时间: 2023-08-03 11:08:57 浏览: 175

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

今天在初始化项目中，出现了一个奇怪的情况：明明路径是对的，但是编译的时候，一直报“This dependency was not found”的错。代码如下： 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) }) 控制台一直报错，表示无法找到common/stylus/inde 在Vue项目开发中，我们有时会遇到一个常见的错误提示：“This dependency was not found”，这通常是由于模块导入路径不正确或Webpack配置不完善导致的。在本文中，我们将深入探讨这个问题，分析其原因，并提供解决方案。让我们回顾一下问题描述。在初始化Vue项目时，开发者在尝试导入`common/stylus/index.styl`文件时遇到了问题。虽然IDE自动补全了路径，但在编译过程中，控制台仍然报错，表示找不到这个文件。这可能是因为在导入语句中没有使用相对路径（即`.`开头的路径）来指示编译器从当前目录开始查找。在Vue.js项目中，当我们使用`import`语句导入文件时，如果不以`./`或`../`开头，Webpack会尝试解析该路径为全局模块或者基于配置的`alias`别名。在这种情况下，`common`被误识别为一个别名，导致找不到对应的文件。为了解决这个问题，我们需要在导入语句前添加`./`，使其成为相对路径，像这样： ```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) }) ``` 通过这种方式，Webpack将正确地理解`common/stylus/index.styl`是一个相对于当前文件的路径，从而找到并处理该文件。除了修正导入路径外，我们还可以检查Webpack配置文件（通常为`webpack.config.js`），确保没有设置与`common`冲突的`alias`。如果存在这样的配置，可以修改或移除它，以避免混淆。例如，如果有以下配置： ```javascript module.exports = { // ... resolve: { alias: { common: path.resolve(__dirname, 'path/to/another/common/folder') } } // ... } ``` 则应调整或删除`common`的别名配置，以免与实际文件路径产生冲突。此外，如果你的项目使用了`vue-cli`或者其他脚手架，那么可能是由于脚手架的默认配置不支持`.styl`文件的处理。为了处理Stylus文件，你需要安装`stylus`和`stylus-loader`依赖，并在Webpack配置中添加相应的规则。安装命令如下： ```bash npm install stylus stylus-loader --save-dev ``` 然后，在`webpack.config.js`的`module.rules`数组中添加一条规则，如下： ```javascript module.exports = { // ... module: { rules: [ // ... { test: /\.styl$/, use: ['style-loader', 'css-loader', 'stylus-loader'] } ] } // ... } ``` 这样，Webpack就能识别并处理`.styl`文件了。总结来说，解决Vue中"This dependency was not found"的问题，首先要确保使用正确的相对路径进行文件导入。如果问题依然存在，检查Webpack配置中的`alias`别名设置，以及是否配置了处理特定文件类型的loader。在开发过程中，理解Webpack的模块解析机制和配置是非常重要的，它可以帮助我们更好地理解和解决问题，提高开发效率。对于初学者，参考官方文档和社区资源也是获取帮助的有效途径。希望这篇文章能对你有所帮助，如果你在实际操作中遇到任何疑问，欢迎留言讨论。感谢对软件开发网的支持！

这似乎是一个报错信息，提示你的代码中引入的一个组件或者模块 @/views/dataFactory/warehouseAI/index.vue 不存在。你可以通过运行命令 npm install --save @/views/dataFactory/warehouseAI/index.vue 来安装这个模块。不过，根据这个错误信息来看，这个模块的路径有点奇怪，可能需要检查一下路径是否正确或者文件是否存在。

阅读全文

This dependency was not found: * @/views/dataFactory/warehouseAI/index.vue in ./src/router/index.ts To install it, you can run: npm install --save @/views/dataFactory/warehouseAI/index.vue

相关推荐

关于vue.js发布后路径引用的问题解决

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

This dependency was not found: * @/views/MenuList in ./src/router.js

This dependency was not found: * @/comments/News in ./src/router/index.js

This dependency was not found: * @/views/web/session in ./src/router/index.js 这是什么问题

This dependency was not found: * @/const/echarts in ./src/main.js

This dependency was not found: * @/views/login/CC in ./src/router/index.js To install it, you can run: npm install --save @/views/login/CC

This dependency was not found: * vue/types/umd in ./src/router.js To install it, you can run: npm install --save vue/types/umd

This dependency was not found: * bulma in ./src/main.js

This dependency was not found: * vue-awesome-mui in ./src/main.js

This dependency was not found: * readline in ./node_modules/sass/sass.dart.js

This dependency was not found: * echarts/core in ./node_modules/vue-echarts/dist/index.esm.min.js系统报如上错误，请解决

解决ERROR Failed to compile with 1 errors 09:22:47 This dependency was not found: swiper/swiper-bundle.css in ./node_module 08:56:04 This dependency was not found: * swiper/swiper-bundl

This dependency was not found: * ant-design-vue/dist/antd.less in ./src/main.js问题出在哪里？怎么解决？

This dependency was not found: * Vue in ./node_modules/ng-form-element/lib/ng-form-element.umd.min.js

This dependency was not found: * vue in D:/Users/Yi/work/projects/vue3/md-editor-v3/src/main.js To install it, you can run: npm install --save vue

最新推荐

jdk10+ java.lang.NoClassDefFoundError: javax/xml/ws/Service 错误

Font Awesome图标字体库提供可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用CSS的样式

EDAfloorplanning

俄罗斯RTSD数据集实现交通标志实时检测

管理建模和仿真的文件

预测区间与置信区间：机器学习中的差异与联系

基于KNN通过摄像头实现0-9的识别python代码

易语言开发的文件批量改名工具使用Ex_Dui美化界面

"互动学习：行动中的多样性与论文攻读经历"

【机器学习预测区间入门】：从概念到实现