我的項目是typescript開發語言，原本我只寫了".ts"，導致上面運行yarn dev編譯報錯，頁面報錯。加上".js"后成功
報錯原因：在webpack.config.js配置中 resolve字段下的extensions配置錯誤
module.exports = {
// ...
resolve: {
extensions: ['.ts, '.js'] // 配置文件擴展名字
},
// ...
};
那么這個配置的作用是什么呢？
在webpack.base.conf.js中，我們可以看到resolve配置，其中的extengsions是一個數組，如下所示：
extensions: ['.js', '.vue', '.json', '.ts'],
通過這樣的配置，我們在組件中過着路由中應用組件時，就可以更為方便的應用，比如：
import Hello from '@components/Hello';
即Hello.vue這個組件我們不需要添加.vue后綴就可以引用到了，如果不用extensions， 我們就必須要用@components/Hello.vue來引入這個文件。