webpack打包找不到路径?

由于项目上要做ssr,然后用就用webpack简单的搭了一个vue项目,配置基本上都是按照项目上照搬的

1.项目启动

npm run serve 稳定,毫无问题,完美

2.新建一个组件试试

// app.js 里面
import A from './components/a'

image.png

然后就报红了???
Module not found: Error: Can't resolve './components/a' in 模块未找到!以前项目都是用脚手架搭的,目录结构中也有这个a组件,那这是为啥呢?

3.尝试的在a后面加了一个.vue

ok,完美,成功的跑起来了~

4.解决办法

原因webpack.config.js配置错误,resolve需要指点文件类型,如下:

resolve: {
    extensions: [ '.ts', '.tsx', '.js', '.json']
},
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.概要 随着越来越多的项目采用 Vue, React, Weex 进行业务开发, 在前端构建方面大多数是用web...
    hubcarl阅读 6,340评论 3 18
  • 全局安装webpack 全局安装webpack会有个问题,就是当你有两个项目依赖于不同版本的webpack,就会有...
    説好的妹紙呢阅读 1,852评论 0 11
  • 记得2004年的时候,互联网开发就是做网页,那时也没有前端和后端的区分,有时一个网站就是一些纯静态的html,通过...
    阳阳阳一堆阳阅读 3,329评论 0 5
  • 写在开头 先说说为什么要写这篇文章, 最初的原因是组里的小朋友们看了webpack文档后, 表情都是这样的: (摘...
    Lefter阅读 5,319评论 4 31
  • 把以前影集里那些一看就心哆嗦堵停的照片通通扔掉了,心里真舒服。这么多年一直想扔一直舍不得扔,厚厚的几本一直放在那儿...
    水东方阅读 200评论 0 0