Vue加载单文件使用vue-loader报错

最新推荐文章于 2024-01-30 17:32:18 发布

原创最新推荐文章于 2024-01-30 17:32:18 发布 · 8.5k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#vue-loader was used without th #vue-loader #报错 #error

Vue 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了如何解决Vue项目中出现的ModuleError错误，该错误提示未正确配置VueLoaderPlugin。文章详细解释了此问题的原因，并提供了具体的解决方案，包括在webpack配置文件中引入并使用VueLoaderPlugin。

报错信息如下

Module Error (from ./node_modules/vue-loader/lib/index.js):
vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your 
webpack config.

原因

参考官方文档
https://vue-loader.vuejs.org/migrating.html#a-plugin-is-now-required

解决办法如下

// webpack.config.js
const VueLoaderPlugin = require('vue-loader/lib/plugin')

module.exports = {
  // ...
  plugins: [
    new VueLoaderPlugin()
  ]
}