【问题标题】: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' ]
    }
  }
}

【问题讨论】:

    标签: vue.js vue-cli


    【解决方案1】:

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

    来自docs for pages

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

    【讨论】:

      【解决方案2】:

      在导入你的模块之前使用@,喜欢它:

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

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

      import BntPayment from './components/BntPayment'
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2020-04-24
        • 2019-04-06
        • 1970-01-01
        • 2012-08-10
        • 2021-11-30
        • 2021-01-28
        • 2018-02-16
        相关资源
        最近更新 更多