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

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

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 试图寻找包.json文件放在错误的位置：

C:\Users\Nick\Documents\NetBeans Projects\MyApp\package.json'

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

当我去项目属性 → JavaScript 库 → npm，我得到一个空视图：

找不到 package.json

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

我最终找到了内置 IDE 机制之外的解决方案。我用的是前端 maven 插件 https://github.com/eirslett/frontend-maven-plugin为我的项目设置本地 npm 存储库。

而不是使用npm installIDE 给出的选项，我使用 Maven 定义一个目标，并使用nbactions.xml https://stackoverflow.com/questions/12163994/what-is-nbactions-xml-used-for.

1. 要安装该插件，请编辑您的pom.xml文件（片段从这里 https://github.com/eirslett/frontend-maven-plugin#installation），添加插件描述符以及将在存储库中下载和安装 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（片段在这里找到 https://github.com/eirslett/frontend-maven-plugin#running-npm):

        ....
        <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 https://en.wikipedia.org/wiki/Apache_Maven#Project_Object_Model是）并开始往里面放东西（example https://github.com/eirslett/frontend-maven-plugin/blob/master/frontend-maven-plugin/src/it/example%20project/package.json)

4. 我已经添加了对npm install进球内线nbactions.xml。我给它起了一个显示名称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 运行时，该目录不会与您的项目捆绑在一起，您可以在那里编辑它并重新运行目标。