没有找到这个相关模块？

Posted 2023-02-23

【中文标题】没有找到这个相关模块？

【英文标题】：This relative module was not found?

【发布时间】：2021-04-07 11:14:15

【问题描述】：

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

未找到此相关模块：

*./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 Code 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 Code 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' ]
    
  

【参考方案1】：

此错误可能是您当前的配置无效所致。

来自docs for pages：

template 应该指向 .html 文件（而不是 .vue 文件） entry 应该是 .js 文件（即导入 .vue 文件） filename 应该是输出文件夹中的输出文件名（不要将其链接回原始源文件）

【参考方案2】：

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

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

@ 应该可以解决您的问题，如果它不起作用，请这样做

import BntPayment from './components/BntPayment'