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来引入这个文件。