记录一次vue项目编译报错

最新推荐文章于 2024-05-08 10:58:00 发布

lrz136

最新推荐文章于 2024-05-08 10:58:00 发布

阅读量1k

点赞数

分类专栏： vue 前端

本文链接：https://blog.csdn.net/l13620804253/article/details/127403788

版权

webpack 本地组件 package babel-loader vue.config.js

关键词由CSDN通过智能技术生成

前端同时被 2 个专栏收录

24 篇文章 1 订阅

订阅专栏

vue

15 篇文章 0 订阅

订阅专栏

Failed to compile.

../kz-saas-components/node_modules/element-ui/packages/scrollbar/src/main.js 65:6
Module parse failed: Unexpected token (65:6)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
|     }, this.$slots.default);
|     const wrap = (
>       <div
|         ref="wrap"
|         style={ style }

发现这是本地引用组件，vue.config.js的config.module没加本地的packages导致的，修改如下，注释的部分（添加的本地宝）：

config.module
      .rule('thejs')
      .test(/\.js$/)
      .include.add(path.resolve('src'))
      .add(path.resolve('node_modules/@kuaizi/saas-components/packages'))
      // .add(path.resolve('../kz-saas-components/packages'))
      // .add(path.resolve('../kz-saas-components/node_modules/element-ui/packages'))
      .end()
      .use('babel-loader')
      .loader('babel-loader')
      .end()

加上本地包路径，再重新跑一下就好了~~