应该是导入的不对

因为这个类型可以是any，不过这个问题没事

加上后面的

#list .list-wrap img{width: 100%;height: 100%;}

就正常了 

就还是一样的事件处理

楼主找到解决办法了吗？

我的已经自行解决

我个人觉得这个例子比较简单，

好处就是通过调用函数就能创建对象，代码写法上简单了一些。

另外就是这块其实可以做单例模式，看业务情况，比如弹窗。

build之后的静态html文件，只需要在本地运行就行

你可以让弹出框自适应视频尺寸，而不是把弹出框大小限制死，最近将推出关于CSS布局的新课，可以关注一下

应该是dns的问题，打开hosts文件 添加：  127.0.0.1  registry.npmjs.com

打包后的文件，也要在服务器环境下运行，因为代码生成的都是绝对路径

需要服务器环境~可能是一个绝对地址~控制台查看一下路径格式

马上退出新课，布局相关的，学完后不惧怕任何css布局，敬请期待。

可以的，我试过的一种是基于老师的课程案例可以对video的父元素进行全屏：

videoContent.parentElement.requestFullscreen();

但是这时候需要你对全屏状态后的播放组件行为做一个自定义（鼠标不活动几秒后自动隐藏），最好再加个退出全屏图标

这个可以截图发上来看看~或者你直接运行源码看可以不~如果可以的话再对比一下代码

ts-loader 安装8.x版本

let styles = require('./popup.css').default

你改成这样的写法就可以的；至于为什么  你可以打印下styles 就明白了

111

私信我或邮箱发我

检测css-loader是否安装成功，可以重新安装一遍 css-loader 或采用跟视频同版本模块再次操作

 {

        test: /\.css$/,

        use: [

          "style-loader",

          {

            loader: "css-loader",

            options: {

              modules: true,

            },

          },

        ],

        include: [path.resolve(__dirname, "src/components")],

      },

注意include 和 exclude的区别

这是我的源码（按照老师操作一步步来的），包含【源码+项目笔记】，需要的话可以看看https://github.com/Elylicery/Front-end-Demo/tree/master/%5Bts%5DTypeScript%E5%B0%81%E8%A3%85%E6%92%AD%E6%94%BE%E5%99%A8%E7%BB%84%E4%BB%B6

路径写错了吧  ./scr/main.js'

ctrl + shift +  ↓

 webpack-cli用于在命令行中运行webpack，cli即命令行接口（Command Line Interface）

https://webpack.docschina.org/api/cli/

https://www.jianshu.com/p/6496df24b0fd

看下这个帖子，版本的问题

截图发一下~看看怎么写的

有可能videoContent的DOM还没有加载好就执行代码了，所以要检测一下调用前元素是否已经获取成功

是ts转成js后，js运行在浏览器中