Uncaught Error: Cannot find module 'strip-ansi'

 

 

 

 我的項目是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來引入這個文件。