报错信息如下:
看报错信息,应该是哪个模块解析失败导致的,但是项目是用vue脚手架创建的,并没有什么改动,运行就报这错,很头痛,问了一些同行,也不知道,毕竟现在vue3还处于试用中,可能会出现一些问题,新出来的版本还是需要有人帮我们踩坑的。
言归正传,看错误信息应该发生在@vue整个包解析错误的问题,需要loader来处理。这就很莫名其妙,因为该配置的脚手架应该给我们配置好了,不应该运行出现这种错误。然后我去看了一下vue/cli的配置项。通过寻找找到了这个给配置项:
transpileDependencies
Type: Array<string | RegExp>
Default: []
默认情况下 babel-loader 会忽略所有 node_modules 中的文件。如果你想要通过 Babel 显式转译一个依赖,可以在这个选项中列出来。
解决办法
看了官方关于这个配置项的说明,似乎明白了出现错误原因了,@vue包下面的模块没有被指定的loader编译,一般js文件都会通过babel编译一下的,需要编译成浏览器认识的code。