找不到这个相关模块？

Question

我尝试了运行 npm run serve，但返回此错误：

This relative Module was not found:
*./components/Map.vue 

它存在，我很确定我已经正确链接了页面。我该如何纠正？

我的配置如下所示：

module.exports = {
  pages: {
    home: {
      
      entry: './src/components/main.js',
      
      template: './src/pages/home/App.vue',
      
      filename: './src/pages/home/App.vue',
      
      title: 'Home Page',
      
      chunks: ['chunk-vendors', 'chunk-common', 'Home']
    },
    map: {
      
      entry: './src/pages/map/main.js',
      
      template: './src/pages/map/App.vue',
      
      filename: './src/pages/map/App.vue',
      
      title: 'Map',
      
      chunks: ['chunk-vendors', 'chunk-common', 'Map']
      },
  }
}

我链接错了吗？

编辑：

我已根据此处对类似问题给出的另一个答案更改了我的模板。现在它告诉我：

未找到这些依赖项：

C:\Users\xadri\OneDrive\Documents\Adrian代码Projects\demo2\demo2\demo2\src\pages\Home\main.js in multi (webpack)-dev-server/client?http://192.168.1.5:8081&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/pages/Home/main.js
C:\Users\xadri\OneDrive\Documents\Adrian代码Projects\demo2\demo2\demo2\src\pages\Map\main.js in multi (webpack)-dev-server/client?http://192.168.1.5:8081&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/pages/Map/main.js

并说我可以下载它们。

module.exports = {
  pages: {
    'index': {
      entry: './src/pages/Home/main.js',
      template: 'public/index.html',
      title: 'Home',
      chunks: [ 'chunk-vendors', 'chunk-common', 'index' ]
    },
    'map': {
      entry: './src/pages/Map/main.js',
      template: 'public/index.html',
      title: 'Map',
      chunks: [ 'chunk-vendors', 'chunk-common', 'about' ]
    }
  }
}

Answer 1

错误可能是由您当前的配置无效引起的。

来自docs for pages：

template 应该指向 .html 文件（不是 .vue 文件）
entry 应该是 .js 文件（导入 .vue 文件）
filename应该是输出文件夹中的输出文件名（不要link它回到原始源文件）

Answer 2

在导入你的模块之前使用@，喜欢它：

import BntPayment from '@/components/BntPayment.vue'

@ 应该可以解决您的问题，如果它不起作用，请按此操作

import BntPayment from './components/BntPayment'

找不到这个相关模块？

This relative module was not found?

vue.js

vue-cli