尝试使用

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')

}

};

web项目里看不到html,在webpack中导入html文件时找不到模块错误相关推荐

  1. 电脑里的C:\WINDOWS\system32\drivers\etc中的hosts文件是做什么的?

    电脑里的C:\WINDOWS\system32\drivers\etc中的hosts文件是做什么的? 文章目录 电脑里的C:\WINDOWS\system32\drivers\etc中的hosts文件 ...

  2. 找不到项目 该项不在计算机中,Win7删除文件夹找不到该项目怎么删除?“找不到该项目”强删方法...

    我们在使用电脑的过程中,尤其是办公,去创建一些文档,但是在删除的时候就删除不了了,系统提示"找不到该项目",那么Win7删除文件夹找不到该项目怎么删除?下面装机之家分享一下删除文件 ...

  3. SSM+ckplayer.js实现web项目网页看视频

    功能描述: 用户在首页http://localhost:8080/SSM_HTTPS/,输入视频名,点击"走 你"按钮,跳转到视频页面,搜索符合你视频名的视频(本项目中只有两个视频 ...

  4. java web项目里ehcache.xml的参数说明

    name:缓存名称.        maxElementsInMemory:缓存最大个数.        eternal:对象是否永久有效,一但设置了,timeout将不起作用.        tim ...

  5. java webpack web项目_spring + spring mvc + mybatis + react + reflux + webpack Web工程例子

    前言 最近写了个Java Web工程demo,使用maven构建: 后端使用spring + spring mvc + mybatis: 前端使用react + react-router+ webpa ...

  6. 从Discuz!NT项目文件结构看如何给系统框架分层和类库分文件夹

    以下为Discuz!NT的文件夹根目录: 类库图: 从上面两个图可以看出: 1.dnt对于类库的分层是通过名称的层级来区分的,如Discuz.Plugn和Discuz.Plugin.Spread 2. ...

  7. 「问题解决」java web项目打成jar包运行后工具类无法读取模板文件的解决方法

    介绍语 本号主要是Java常用关键技术点,通用工具类的分享:以及springboot+springcloud+Mybatisplus+druid+mysql+redis+swagger+maven+d ...

  8. java web中读取properties文件时的路径问题

    在web开发时,难免会有一些固定的参数,我们一般把这些固定的参数存在properties文件中,然后用的时候要读出来.但经常出现一些错误,找不到相应的路径,所以,今天特地讲一些如何正确获得路径. 首先 ...

  9. IDEA插件项目克隆下来后,如何在IDEA中导入?

    必要条件 你的IDEA必须是ULTIMATE版本,只有该版本的支持插件开发 安装了开发插件的的插件:Plugin Devkit 安装PsiViewer(不必须,但建议) 步骤说明 打开Project ...

最新文章

  1. TEASOFT辅助服务程序UDPCopy 功能介绍
  2. HBase学习笔记2 - HBase shell常用命令
  3. Oracle常用监控SQL
  4. python如何控制程序_Python 控制程式执行流程
  5. php实现视频转gif,在Linux上将视频转换成动态gif图片
  6. 小程序FMP优化实录,大厂面试题汇总
  7. 车辆工程用得到python吗_如今车辆工程真的不如以前了吗?
  8. python的书籍推荐_python 书籍推荐
  9. Linux 内存管理之 SLUB分配器(6):slub debug 实例测试
  10. java入门简单小项目_JAVA入门_java项目接入Mysql8.0
  11. 企业信息管理系统(1)_系统页面框架分析
  12. 蓝牙耳机哪个音质好?推荐几款音质好的蓝牙耳机
  13. 分析了漫威电影后,才知道竟如此流弊
  14. 情景模拟面试真题解析
  15. 线上教育相关的微信公众号图文这样排版,阅读量翻十倍!
  16. python通过ssh通道连接PostgreSQL数据库(mysql等类同)
  17. JetBrains历史版本下载
  18. Linux——操作系统安装
  19. 异常检测——5月(task1)
  20. jasypt 加解密的各个版本支持,看这一篇文章就够了

热门文章

  1. 一个简单的EJB-Session Bean实例
  2. idea2020.1使用Lombok注解,点击运行项目提示找不到get,set方法?
  3. idea新建xml文件
  4. 【codevs3147】矩阵乘法2,”名“不副”实“
  5. 【Level 08】U06 Good Feeling L1 End-of-season game
  6. Intel 64/x86_64/IA-32/x86处理器 - 指令格式(9) - 64位指令格式(通用格式)
  7. 舞台灯恒流芯片 无频闪无噪音 多路共阳 调光深度0.1% 方案分享
  8. linux(centos8 ) 下安装anaconda3
  9. HLSL编译工具—FXC
  10. 第一次搭建vue项目--添加依赖包、启动项目