Webpack仅提供HTML文件，无法加载CSS与脚本问题求助

• 端口不匹配：你的Webpack Dev Server配置端口是8080，但你访问的是localhost:8000，资源加载路径完全错位。要么把访问地址改成localhost:8080，要么将devServer.port修改为8000。

• HTML未引入打包脚本：打开public目录下的HTML文件，确认是否添加了<script src="/bundle.js"></script>标签。Webpack编译后的JS和通过style-loader注入的CSS都依赖这个脚本加载，缺失的话必然无法生效。

• TS Loader规则冲突：当前TS规则的test包含了.d.ts文件，但exclude又排除了它，会导致类型文件处理异常。修改为以下规则：

{
  test: /\.(ts)x?$/,
  exclude: /node_modules/,
  use: {
    loader: "ts-loader",
  },
}

• 依赖完整性检查：确认已安装style-loader、css-loader、ts-loader、webpack-dev-server这些依赖，未安装则执行：

npm install --save-dev style-loader css-loader ts-loader webpack-dev-server

• CSS引入验证：检查src/index.tsx中是否正确引入CSS文件，比如import './your-styles-file.css'，未引入的话样式不会被打包注入。

内容的提问来源于stack exchange，提问作者Laycookie