使用Webpack设置TS引用模块,解决Module not found: Error: Can‘t resolve ‘./m1‘ in ...问题

当我们把ts文件作为模块被引用的时候,我们使用Webpack打包代码会报错: Module not found: Error: Can't resolve './m1' in ...

使用Webpack设置TS引用模块,解决Module not found: Error: Can‘t resolve ‘./m1‘ in ...问题_第1张图片

使用Webpack设置TS引用模块,解决Module not found: Error: Can‘t resolve ‘./m1‘ in ...问题_第2张图片

解决方法:

在webpack.config.js文件中配置如下代码:

module.exports = {
    // 设置引用模块
    resolve: {
        extensions:[".ts", ".js"]
    }
}

使用Webpack设置TS引用模块,解决Module not found: Error: Can‘t resolve ‘./m1‘ in ...问题_第3张图片

编译完成

使用Webpack设置TS引用模块,解决Module not found: Error: Can‘t resolve ‘./m1‘ in ...问题_第4张图片

你可能感兴趣的:(TypeScript,webpack,前端,node.js,javascript,typescript)