Node.js My Vue NPM导入仅在模块位于src文件夹而不是项目根目录中时才能找到这些模块

在我的应用程序根目录中，我有/node_modules/和/src/

我已经运行了npm安装并使用npm安装axios安装了软件包——保存我的所有依赖项等 我确实看到它们被添加到node_modules目录，但是我的vue项目没有编译，出现以下错误：

Failed to compile.

./src/main.js
Module not found: Error: Can't resolve 'axios' in '/app/src'

如果我在我的/src/目录中手动创建一个node_modules文件夹，并将axios和其他依赖项放在其中，它就会工作。。但是从我读到的内容来看，我不应该以这种方式处理我的节点模块。似乎我需要让我的依赖项指向另一条路径

奇怪的是，我从“Vue”导入Vue，并从“./App.Vue”导入应用程序，效果很好，基本上是之后所有无法编译的内容

My main.js：

import Vue from 'vue'
import App from './App.vue'
import axios from 'axios'
import VueAxios from 'vue-axios'
import firebase from 'firebase'
import "firebase/auth";
import "firebase/analytics";
import "firebase/firestore";
import moment from 'moment'

Vue.use(VueAxios, axios)

Vue.config.productionTip = false

new Vue({
  render: h => h(App),
  firebase: firebase,
}).$mount('#app')

---

我还尝试删除所有节点模块，清除NPM缓存并重新安装NPM依赖项，但都没有成功。

不要使用

use

函数全局添加axios实例，请尝试这样添加它：

从“Vue”导入Vue
从“./App.vue”导入应用程序
从“axios”导入axios
从“vue axios”导入VueAxios
从“firebase”导入firebase
导入“firebase/auth”；
导入“firebase/analytics”；
导入“firebase/firestore”；
从“时刻”导入时刻
Vue.config.productionTip=false
Vue.prototype.$axios=axios；//h（应用程序），
firebase:firebase，
}).$mount（“#应用程序”）

---

之后，再次尝试编译。然后，您可以使用

调用每个组件上的axios实例。$axios

请向我展示您的整个main.js，而不仅仅是imports@Denizmain.js已经更新了Hey Deniz，我试过了，它抛出了相同的错误：

编译失败/找不到src/main.js模块：错误：无法在“/app/src”中解析“axios”

导入axios的地方尝试以下操作：

console.log（axios）

检查结果并告诉我它是否给出提示。否则，如果可能的话，试着用所有扩展的console.log制作项目树的屏幕截图。console.log不会产生任何额外的信息，与上面的错误相同，这里是我的项目结构的屏幕截图：如果我将该节点\模块重命名为节点\模块，项目将编译，如果我将其保留为旧的，我会得到上面所述的错误。尽管在一个项目中加载两组节点包似乎非常违反直觉。忽略那个奇怪的自述文件，我只是删除了一个敏感的标题。src文件夹中的

package lock.json

是什么？包锁应仅在根目录中。另外，请删除

节点\u模块ld

。最好是删除所有

package lock.json

并尝试

npm安装

againpackage-lock.json、package.json和node_模块必须位于根文件夹中。它们必须位于正确的节点模块所在的文件夹中