NetBeans 无法在 Maven Web 应用程序上运行 package.json

Question

使用 NetBeans 8.2，我创建了一个新的 Maven Web 应用程序。我在Web Pages 文件夹中放置了一个工作的package.json 文件，所以它的路径是：

C:\Users\xxx\Documents\NetBeansProjects\MyApp\src\main\webapp\package.json

我左键单击package.json文件并单击npm install选项。然后我受到这些错误/警告的欢迎：

"C:\Program Files\nodejs\npm.cmd" "install"
npm WARN ENOENT ENOENT: no such file or directory, open 'C:\Users\Nick\Documents\NetBeansProjects\MyApp\package.json'
npm WARN EPACKAGEJSON C:\Users\xxx\Documents\NetBeansProjects\MyApp No description
npm WARN EPACKAGEJSON C:\Users\xxx\Documents\NetBeansProjects\MyApp No repository field.
npm WARN EPACKAGEJSON C:\Users\xxx\Documents\NetBeansProjects\MyApp No README data
npm WARN EPACKAGEJSON C:\Users\xxx\Documents\NetBeansProjects\MyApp No license field.
Done.

我注意到 NetBeans 试图在错误的位置查找 package.json 文件：

C:\Users\Nick\Documents\NetBeansProjects\MyApp\package.json'

而且我似乎不知道如何告诉 IDE 在哪里寻找它。

当我转到 Project Properties → JavaScript Libraries → npm 时，我得到一个空视图：

package.json 未找到

如何设置 NetBeans 以查看“package.json”并运行它？当我尝试在 HTML5 项目中使用它时，它运行良好，但我需要对 Java Web 应用程序项目提供 npm 支持。

Answer 1

我最终找到了内置 IDE 机制之外的解决方案。我使用 frontend-maven-plugin 为我的项目设置了本地 npm 存储库。

我没有使用 IDE 提供的 npm install 选项，而是使用 Maven 定义一个目标，并使用 nbactions.xml 运行它。

1. 要安装插件，请编辑您的 pom.xml 文件 (sn-p from here)，添加插件描述符和将下载并在您的存储库中安装 npm 的执行：

    <plugins>
        <plugin>
            <groupId>com.github.eirslett</groupId>
            <artifactId>frontend-maven-plugin</artifactId>
            <version>1.8.0</version>
            <executions>
                <!-- Installs node + npm in your repo -->
                <execution>
                    <id>install node and npm</id>
                    <goals>
                        <goal>install-node-and-npm</goal>
                    </goals>
                    <phase>generate-resources</phase>
                </execution>
                ...
   

2. 我已将此代码附加到上面的代码中。这是一个运行 npm install (sn-p found here) 的执行：

        ....
        <execution>
            <id>npm install</id>
            <goals>
                <goal>npm</goal>
            </goals>
   
            <!-- optional: default phase is "generate-resources" -->
            <phase>generate-resources</phase>
   
            <configuration>
                <!-- optional: The default argument is actually
                "install", so unless you need to run some other npm command,
                you can remove this whole <configuration> section.
                -->
                <arguments>install</arguments>
            </configuration>
        </execution>
    </plugin>
   

3. 创建一个package.json 文件（在您的POM 所在的同一目录中）并开始将内容放入其中（example）

4. 我在nbactions.xml 中添加了对npm install 目标的引用。我给它起了一个显示名称npm-install

    </actions>
        ...
        <action>
            <actionName>CUSTOM-npm-install</actionName>
            <displayName>npm-install</displayName>
            <goals>
                <goal>npm</goal>
            </goals>
        </action>
    </actions>
   

5. 然后，右键单击项目（从项目视图）-> 运行 Maven -> npm-install

然后该插件将运行并在不会与您的项目捆绑的单独目录中安装 package.json 和 Node.js 运行时，您可以在那里对其进行编辑并重新运行目标。