You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Spring Boot集成React遇阻:未生成package.json的排查求助

问题分析与解决步骤

核心问题

你跳过了npm项目初始化的关键步骤,package.json不会凭空生成——只有执行npm初始化命令后,这个文件才会被创建,直接安装依赖不会触发它的生成。另外你步骤4的命令也存在错误。

修正操作步骤

1. 先初始化npm项目

在项目根目录执行以下命令,快速生成默认配置的package.json:

npm init -y

-y参数会自动确认所有初始化选项,无需手动逐一填写。

2. 修正依赖安装命令

你之前执行的node/npm install --save-dev parcel是错误的,正确的命令格式为:

npm install --save-dev parcel

3. 调整frontend-maven-plugin配置

确保你的插件配置中包含npm初始化和依赖安装的执行逻辑,示例配置如下:

<plugin>
    <groupId>com.github.eirslett</groupId>
    <artifactId>frontend-maven-plugin</artifactId>
    <version>1.12.0</version>
    <executions>
        <!-- 安装指定版本的Node和npm -->
        <execution>
            <id>install node and npm</id>
            <goals>
                <goal>install-node-and-npm</goal>
            </goals>
            <configuration>
                <nodeVersion>v18.16.0</nodeVersion> <!-- 选择与Spring Boot 3兼容的Node LTS版本 -->
            </configuration>
        </execution>
        <!-- 执行npm初始化 -->
        <execution>
            <id>npm init</id>
            <goals>
                <goal>npm</goal>
            </goals>
            <configuration>
                <arguments>init -y</arguments>
            </configuration>
        </execution>
        <!-- 安装项目依赖 -->
        <execution>
            <id>npm install</id>
            <goals>
                <goal>npm</goal>
            </goals>
            <configuration>
                <arguments>install</arguments>
            </configuration>
        </execution>
    </executions>
</plugin>

4. 重新执行Maven命令

修改配置后,在项目根目录运行:

./mvnw generate-resources

额外注意事项

  • 选择与Spring Boot 3兼容的Node LTS版本(如v18.x),避免版本不兼容问题
  • 部分教程会默认读者了解npm初始化步骤,可能省略了这一环节,导致你卡壳

内容的提问来源于stack exchange,提问作者Max Kremlev

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.28 03:12:41