如何解决“找不到此相关模块：”问题？ (Vue)

Question

当我尝试使用 npm start 运行应用程序时，我收到以下错误：

---

未找到此相关模块：

• ./src/router/index.js in ./src/main.js

---

这是我的 main.js：

/ The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './src/router/index.js'

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

这是我的 index.js：

import Vue from 'vue';
import VueRouter from 'vue-router';
import Firstpage from "../components/Firstpage.vue";

Vue.use(VueRouter);

const router = new VueRouter ({
    mode: "history",
    routes: [
    {
        path: "/",
        component: Firstpage
    },
    ]
});

还有我的 node_modules 用灰色标记。 我预计这是路由器问题。 我该如何解决这个问题？

++

这是我的项目文件结构： Project file structure

实际上，我还有另一个问题。我无法从我的资产中获取我的照片。我已经将此代码添加到我的组件中。

有人可以解决这个问题吗？谢谢。

Answer 1

当您使用“.”时开始你的路径，你告诉你的相对路径是从当前目录开始的。因此，在您的情况下，router 的路径显然是错误的。应该是

import router from './router/index.js'.

在您拥有main.js 的当前文件夹中没有src。你已经在src里面了，所以你只需要进入router

您的node_modules 显示为灰色，因为您的版本控制系统 (Git) 未跟踪该文件夹。它在名为 .gitignore 的文件中配置为忽略跟踪此文件夹。您可以read more 跟踪您的node_modules 文件夹。

Answer 2

请检查您的节点版本。安装最新