在webpack中导入html文件时找不到模块错误

概述尝试使用 html-loader插件在TypeScript中导入html： import buttonHtml from './button.html'; 出现TypeScript错误： TS2307: Cannot find module ‘./button.html’ Webpack配置： const path = require('path');module.exports = { 尝试使用 html-loader插件在TypeScript中导入HTML：

import buttonHTML from './button.HTML';

出现TypeScript错误：

TS2307: Cannot find module ‘./button.HTML’

Webpack配置：

const path = require('path');module.exports = {  entry: {      'background.Js':path.resolve(__dirname,'./background.ts'),'content.Js': path.resolve(__dirname,'./content.ts')  },devtool: 'inline-source-map',module: {    rules: [      {        test: /\.tsx?$/,use: 'ts-loader',exclude: /node_modules/      },{        test: /\.HTML$/,exclude: /node_modules/,use: {loader: 'HTML-loader'}    }    ]  },resolve: {    extensions: [ ".tsx",".ts",".Js" ]  },output: {    filename: '[name]',path: path.resolve(__dirname,'dist')  }};

解决方法 如果你想加载这样的HTML,你需要一个带有这个条目的tyPings.d.ts文件：

declare module '*.HTML' {  const value: any;  export default value;}

总结

以上是内存溢出为你收集整理的在webpack中导入html文件时找不到模块错误全部内容，希望文章能够帮你解决在webpack中导入html文件时找不到模块错误所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。