Vue出现This relative module was not found错误

最新推荐文章于 2024-10-15 07:00:00 发布

liulei9385

最新推荐文章于 2024-10-15 07:00:00 发布

阅读量3.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： android java apache

本文链接：https://blog.csdn.net/liulei9385/article/details/121634363

vue 专栏收录该内容

2 篇文章

订阅专栏

本文讲述了在使用Vue 15+时遇到'This relativemodule was not found'错误，原因在于缺少VueLoaderPlugin。通过调整webpack配置，将loader改为use并添加新插件，解决了此问题，确保了Vue组件的正确加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Vue出现This relative module was not found错误

出现如下错误

vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config.

You may use special comments to disable some warnings.

这是因为vue-loader的版本是15以上需要加入VueLoaderPlugin，具体配置如下

在webpack.base.conf.js加入其中一些代码省略了，只看关键的位置就好。

const VueLoaderPlugin = require('vue-loader/lib/plugin')

let webpackConfig = {
  context: path.resolve(__dirname, '../'),
  entry: {
    app: './src/main.js'
  },
  output: [],
  resolve:[],
  plugins: {
    new VueLoaderPlugin()
  }
}
module.exports = webpackConfig

Module parse failed: Unexpected token (3:0)
You may need an appropriate loader to handle this file type.

首先查看 webpack.base.conf.js

loader报错