引入如下:

报错如下:

【错误原因】:

引入的时候没有加文件后缀!!!!!

解释:

其实按道理,webpack的规则是允许 .vue  .js 文件在引入的时候省略文件名后缀的。

import test from './test.vue'
import test from './test' //等同于

import test from './test.js'
import test from './test' //等同于

但是当目录下同事存在 test.js 和 test.vue 文件的时候,会优先引入 .js 文件(js>vue)。

【扩展】:当引入只写到文件夹一级的时候


if(package.json存在 && package.main字段存在 && package.main指定的js存在) {
    取package.main指定的js作为from的来源,即使该js可能格式或内容错误
} else if(index.js存在){
    取index.js作为from的来源
} else {
    取index.vue作为from的来源
}

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐