javascript - Webpack 4 和 react-router-dom 没有正确构建
问题描述
我遇到了 react-router 不适用于 webpack4 的问题。webpack 4 cant build components in 我认为我的 webpack 配置有问题,但是我不知道如何修复我的设置。
这些是 webpack-dev-server 上网站的屏幕截图和构建后的屏幕截图。
module.exports = {
devServer: {
contentBase: './dist',
open: true,
port: Port,
compress: true,
publicPath: '/',
historyApiFallback: true,
},
module: {
rules: [
{
test: /\.(js|jsx)$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
},
},
{
test: /\.html$/,
use: [
{
loader: 'html-loader',
},
],
},
{
test: /\.css$/,
use: ['style-loader', 'css-loader'],
},
{
test: /\.s[ac]ss/i,
use: ['style-loader', 'css-loader', 'sass-loader'],
},
{
test: /\.(png|svg|jpg|gif)$/,
use: ['file-loader'],
},
],
},
plugins: [
new HtmlWebPackPlugin({
template: './index.html',
filename: './index.html',
}),
],
resolve: {
extensions: ['.js', '.jsx'],
},
};
建立与 webpack-dev-server 相同的网站
解决方案
推荐阅读
- python - 反验证码不起作用,在回调之前进行验证 - Selenium
- c# - 发票人 PDF 给出 null 但会员资格不给出 PDF null
- azure-ad-b2c - AAD B2C“呼叫我”选项未启动 MFA 电话呼叫
- java - Java JPanel 比带有滚动功能的 JFrame 大
- excel - 按组查找最近交易的人
- python - python 和 MATLAB / Simulink
- javascript - 用 jest 测试登录 api
- javascript - 如何通过用户在搜索框中提供的文本过滤对象数组?
- eclipse-plugin - 在哪里可以找到 Lotus Expeditor Toolkit,任何版本?
- swift - SwiftUI - 在范围内找不到类型“UIApplicationDelegate”