Webpack DevServer 找不到捆绑的 js 脚本

问题描述 投票:0回答:1

相关:Webpack 配置未应用于 kotlin 多平台反应项目

如另一个问题所述,这是一个来自 IntelliJ 向导的新创建的全栈应用程序。

我想分别启动服务器/后端和前端。服务器没有问题,但前端有一些问题。启动任务时好像没有找到捆绑的js文件

jsBrowserRun
或者
jsBrowserDevelopmentRun
我添加了一个
index.html
和一个
webpack.config.js
,当然我也尝试过没有
publicPath
historyApiFallback
选项。

我也看了Webpack配置:devServer.historyApiFallback和output.publicPath,但它没有帮助我。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="/static/favicon.ico" type="image/x-icon">

    <title>Niblette</title>
    <script src="/Niblette-frontend.js"></script>
</head>
<body>
<div id="root"></div>
</body>
</html>
;(function(config) {
    config.mode = 'development'
    config.devServer.port = 8088
    config.devServer.historyApiFallback = true
    config.devServer.devMiddleware = {
        publicPath: '/'
    }
})(config);

kotlin webpack webpack-dev-server
1个回答
0
投票

执行

jsBrowserDistribution
任务后,我注意到捆绑的 js 文件没有像在其他构建文件夹中那样被命名为
Niblette-frontend.js
,而只是
Niblette.js
。在 index.html 中更改它就可以了。

© www.soinside.com 2019 - 2024. All rights reserved.