(javaFX) TextField に文字列をセットしようとした時にNullPointExceptionが出てしまう現象

Question

javaFX, Scene Builder, VScodeを使用して簡単なデスクトップアプリを試作しています。
私は初心者のため、まずは簡単なプログラムを試作してみようと試みましたがスタックしてしまいました。
作りたい内容は、起動ボタンを押下したらTextFieldに"サンプルテキスト"をセットするという単純なものですが、以下のエラーが出てTextFieldがnullと認識されてしまいます。何か初歩的なミスを犯しているような気がしてあらゆるサイトをさがしましたが、解決策が見つからず困っております。わかる方いらっしゃいましたらご教授をよろしくお願いいたします。

起動ボタンがクリックされました
Exception in thread "JavaFX Application Thread" java.lang.RuntimeException: java.lang.reflect.InvocationTargetException
        at javafx.fxml@18.0.1/javafx.fxml.FXMLLoader$MethodHandler.invoke(FXMLLoader.java:1857)  
        at javafx.fxml@18.0.1/javafx.fxml.FXMLLoader$ControllerMethodEventHandler.handle(FXMLLoader.java:1724)
        at javafx.base@18.0.1/com.sun.javafx.event.CompositeEventHandler.dispatchBubblingEvent(CompositeEventHandler.java:86)
        at javafx.base@18.0.1/com.sun.javafx.event.EventHandlerManager.dispatchBubblingEvent(EventHandlerManager.java:234)
        at javafx.base@18.0.1/com.sun.javafx.event.EventHandlerManager.dispatchBubblingEvent(EventHandlerManager.java:191)
        at javafx.base@18.0.1/com.sun.javafx.event.CompositeEventDispatcher.dispatchBubblingEvent(CompositeEventDispatcher.java:59)
        at javafx.base@18.0.1/com.sun.javafx.event.BasicEventDispatcher.dispatchEvent(BasicEventDispatcher.java:58)
        at javafx.base@18.0.1/com.sun.javafx.event.EventDispatchChainImpl.dispatchEvent(EventDispatchChainImpl.java:114)
        at javafx.base@18.0.1/com.sun.javafx.event.BasicEventDispatcher.dispatchEvent(BasicEventDispatcher.java:56)
        at javafx.base@18.0.1/com.sun.javafx.event.EventDispatchChainImpl.dispatchEvent(EventDispatchChainImpl.java:114)
        at javafx.base@18.0.1/com.sun.javafx.event.BasicEventDispatcher.dispatchEvent(BasicEventDispatcher.java:56)
        at javafx.base@18.0.1/com.sun.javafx.event.EventDispatchChainImpl.dispatchEvent(EventDispatchChainImpl.java:114)
        at javafx.base@18.0.1/com.sun.javafx.event.EventUtil.fireEventImpl(EventUtil.java:74)    
        at javafx.base@18.0.1/com.sun.javafx.event.EventUtil.fireEvent(EventUtil.java:49)        
        at javafx.base@18.0.1/javafx.event.Event.fireEvent(Event.java:198)
        at javafx.graphics@18.0.1/javafx.scene.Node.fireEvent(Node.java:8797)
        at javafx.controls@18.0.1/javafx.scene.control.Button.fire(Button.java:203)
        at javafx.controls@18.0.1/com.sun.javafx.scene.control.behavior.ButtonBehavior.mouseReleased(ButtonBehavior.java:208)
        at javafx.controls@18.0.1/com.sun.javafx.scene.control.inputmap.InputMap.handle(InputMap.java:274)
        at javafx.base@18.0.1/com.sun.javafx.event.CompositeEventHandler$NormalEventHandlerRecord.handleBubblingEvent(CompositeEventHandler.java:247)
        at javafx.base@18.0.1/com.sun.javafx.event.CompositeEventHandler.dispatchBubblingEvent(CompositeEventHandler.java:80)
        at javafx.base@18.0.1/com.sun.javafx.event.EventHandlerManager.dispatchBubblingEvent(EventHandlerManager.java:234)
        at javafx.base@18.0.1/com.sun.javafx.event.EventHandlerManager.dispatchBubblingEvent(EventHandlerManager.java:191)
        at javafx.base@18.0.1/com.sun.javafx.event.CompositeEventDispatcher.dispatchBubblingEvent(CompositeEventDispatcher.java:59)
        at javafx.base@18.0.1/com.sun.javafx.event.BasicEventDispatcher.dispatchEvent(BasicEventDispatcher.java:58)
        at javafx.base@18.0.1/com.sun.javafx.event.EventDispatchChainImpl.dispatchEvent(EventDispatchChainImpl.java:114)
        at javafx.base@18.0.1/com.sun.javafx.event.BasicEventDispatcher.dispatchEvent(BasicEventDispatcher.java:56)
        at javafx.base@18.0.1/com.sun.javafx.event.EventDispatchChainImpl.dispatchEvent(EventDispatchChainImpl.java:114)
        at javafx.base@18.0.1/com.sun.javafx.event.BasicEventDispatcher.dispatchEvent(BasicEventDispatcher.java:56)
        at javafx.base@18.0.1/com.sun.javafx.event.EventDispatchChainImpl.dispatchEvent(EventDispatchChainImpl.java:114)
        at javafx.base@18.0.1/com.sun.javafx.event.EventUtil.fireEventImpl(EventUtil.java:74)    
        at javafx.base@18.0.1/com.sun.javafx.event.EventUtil.fireEvent(EventUtil.java:54)        
        at javafx.base@18.0.1/javafx.event.Event.fireEvent(Event.java:198)
        at javafx.graphics@18.0.1/javafx.scene.Scene$MouseHandler.process(Scene.java:3881)       
        at javafx.graphics@18.0.1/javafx.scene.Scene.processMouseEvent(Scene.java:1874)
        at javafx.graphics@18.0.1/javafx.scene.Scene$ScenePeerListener.mouseEvent(Scene.java:2607)
        at javafx.graphics@18.0.1/com.sun.javafx.tk.quantum.GlassViewEventHandler$MouseEventNotification.run(GlassViewEventHandler.java:411)
        at javafx.graphics@18.0.1/com.sun.javafx.tk.quantum.GlassViewEventHandler$MouseEventNotification.run(GlassViewEventHandler.java:301)
        at java.base/java.security.AccessController.doPrivileged(AccessController.java:399)      
        at javafx.graphics@18.0.1/com.sun.javafx.tk.quantum.GlassViewEventHandler.lambda$handleMouseEvent$2(GlassViewEventHandler.java:450)
        at javafx.graphics@18.0.1/com.sun.javafx.tk.quantum.QuantumToolkit.runWithoutRenderLock(QuantumToolkit.java:424)
        at javafx.graphics@18.0.1/com.sun.javafx.tk.quantum.GlassViewEventHandler.handleMouseEvent(GlassViewEventHandler.java:449)
        at javafx.graphics@18.0.1/com.sun.glass.ui.View.handleMouseEvent(View.java:551)
        at javafx.graphics@18.0.1/com.sun.glass.ui.View.notifyMouse(View.java:937)
        at javafx.graphics@18.0.1/com.sun.glass.ui.win.WinApplication._runLoop(Native Method)    
        at javafx.graphics@18.0.1/com.sun.glass.ui.win.WinApplication.lambda$runLoop$3(WinApplication.java:184)
        at java.base/java.lang.Thread.run(Thread.java:833)
Caused by: java.lang.reflect.InvocationTargetException
        at java.base/jdk.internal.reflect.DirectMethodHandleAccessor.invoke(DirectMethodHandleAccessor.java:116)
        at java.base/java.lang.reflect.Method.invoke(Method.java:577)
        at com.sun.javafx.reflect.Trampoline.invoke(MethodUtil.java:77)
        at java.base/jdk.internal.reflect.DirectMethodHandleAccessor.invoke(DirectMethodHandleAccessor.java:104)
        at java.base/java.lang.reflect.Method.invoke(Method.java:577)
        at javafx.base@18.0.1/com.sun.javafx.reflect.MethodUtil.invoke(MethodUtil.java:275)      
        at javafx.fxml@18.0.1/com.sun.javafx.fxml.MethodHelper.invoke(MethodHelper.java:84)      
        at javafx.fxml@18.0.1/javafx.fxml.FXMLLoader$MethodHandler.invoke(FXMLLoader.java:1852)  
        ... 46 more
Caused by: java.lang.NullPointerException: Cannot invoke "javafx.scene.control.TextField.setText(String)" because "this.account" is null
        at Controller.kidou(Controller.java:17)
        at java.base/jdk.internal.reflect.DirectMethodHandleAccessor.invoke(DirectMethodHandleAccessor.java:104)
        ... 53 more
PS D:\Java\cr_test> 

上記の中には二つのエラー情報があり、
●Caused by: java.lang.reflect.InvocationTargetException　と
●Caused by: java.lang.NullPointerException: Cannot invoke 　　　"javafx.scene.control.TextField.setText(String)" because "this.account" is null
at Controller.kidou(Controller.java:17)
ですが、一つ目のものはjavaFXで直接の原因になっているケースはほとんどないと何かのサイトにありましたので、二つ目のNullPointerExceptionが原因だと思います。TextFieldを認識していないような感じです。

　fxmlファイルはScene Builderで制作したものから必要な部分を抜粋しました。今回関係しているところは起動ボタン(id = "button1")と TextField (id = "account")の部分です。

プログラムを実行すると、画面がScene Builderでデザインした画面が立ち上がります、その後起動ボタンを押すと上記のエラーとなります。起動ボタンのクリックは認識できているようです。

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;

public class App extends Application {

    //Controller controller;

    public static void main(String[] args) throws Exception {
        launch(args);
    }

    @Override
    public void start(Stage stage) throws Exception {
        FXMLLoader loader = new FXMLLoader(getClass().getResource("CR_test.fxml"));
        Parent root = loader.load();
        //loader.setController(controller);
        
        Scene scene = new Scene(root, 600, 500);
        stage.setTitle("Court Resurver");
        stage.setScene(scene);
        stage.show();
    }
}

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.control.Button?>
<?import javafx.scene.control.ComboBox?>
<?import javafx.scene.control.DatePicker?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.TextField?>
<?import javafx.scene.layout.AnchorPane?>

<AnchorPane id="time3" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/18" xmlns:fx="http://javafx.com/fxml/1" fx:controller="Controller">
   <children>
      <Label layoutX="70.0" layoutY="328.0" text="パスワード" />
      <Label layoutX="65.0" layoutY="297.0" text="アカウント名" />
      <Button id="button1" layoutX="435.0" layoutY="322.0" mnemonicParsing="false" onAction="#kidou" text="起動" />
      <Button id="button2" layoutX="509.0" layoutY="322.0" mnemonicParsing="false" onAction="#teishi" text="停止" />      
      <TextField id="account" layoutX="142.0" layoutY="294.0" />
      <TextField id="password" layoutX="142.0" layoutY="325.0" />
   </children>
</AnchorPane>

import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.scene.control.Button;
import javafx.scene.control.TextField;

public class Controller  {

    @FXML private TextField account;

    @FXML private TextField password;

    @FXML private Button button1;

    //  起動ボタンクリック
    @FXML private void kidou(ActionEvent event) {
        System.out.println("起動ボタンがクリックされました");
        account.setText("サンプルテキスト");
        
        // String accountName = account.getText();
        // System.out.println(accountName);
    }

    //  停止ボタンクリック
    @FXML
    public void teishi(ActionEvent event) {
        System.out.println("停止ボタンがクリックされました");
    }

}

Answer 1

fxmlファイルは手作りでしょうか。

     <children>
         <Label layoutX="70.0" layoutY="328.0" text="パスワード" />
         <Label layoutX="65.0" layoutY="297.0" text="アカウント名" />
-        <Button id="button1" layoutX="435.0" layoutY="322.0" mnemonicParsing="false" onAction="#kidou" text="起動" />
+        <Button fx:id="button1" layoutX="435.0" layoutY="322.0" mnemonicParsing="false" onAction="#kidou" text="起動" />
-        <Button id="button2" layoutX="509.0" layoutY="322.0" mnemonicParsing="false" onAction="#teishi" text="停止" />
+        <Button fx:id="button2" layoutX="509.0" layoutY="322.0" mnemonicParsing="false" onAction="#teishi" text="停止" />
-        <TextField id="account" layoutX="142.0" layoutY="294.0" />
+        <TextField fx:id="account" layoutX="142.0" layoutY="294.0" />
-        <TextField id="password" layoutX="142.0" layoutY="325.0" />
+        <TextField fx:id="password" layoutX="142.0" layoutY="325.0" />
     </children>
 </AnchorPane>

Comments

[i_was_stack]

私は、本当に初歩的なミスをしていたようですね。
id と fx:id　2つの概念があることに気が付けませんでした。
修正して起動してみたところ上手く動作しました。
非常に助かりました。ありがとうございました。