$0.$connector is undefined

General
1

There is view:

@Route(value = "properties")
public class PropertiesView extends VerticalLayout {

    private static final long serialVersionUID = -9051756713324558060L;

    private final Logger logger = LoggerFactory.getLogger(PropertiesView.class);

    public PropertiesView(@Autowired PropertiesRepository propertiesRepository) {
        List<Properties> all = propertiesRepository.findAll();

        Grid<Properties> grid = new Grid<>(Properties.class);
        grid.setItems(all);
        add(grid);
    }
}

When Im trying to touch /properties endpoint:

Exception is thrown during JavaScript execution. Stacktrace will be dumped separately.
client-59E69D05DF6B41AFC722309793280A0E.cache.js:980:237
(TypeError) : window.Vaadin.Flow.gridConnector is undefined
client-59E69D05DF6B41AFC722309793280A0E.cache.js:195:18
The error has occurred in the JS code: '$0, window.Vaadin.Flow.gridConnector.initLazy($0)'
client-59E69D05DF6B41AFC722309793280A0E.cache.js:192:18
Exception is thrown during JavaScript execution. Stacktrace will be dumped separately.
client-59E69D05DF6B41AFC722309793280A0E.cache.js:980:237
(TypeError) : $0.$connector is undefined
client-59E69D05DF6B41AFC722309793280A0E.cache.js:195:18
The error has occurred in the JS code: '$0, return $0.$connector.reset()'
client-59E69D05DF6B41AFC722309793280A0E.cache.js:192:18
Exception is thrown during JavaScript execution. Stacktrace will be dumped separately.
client-59E69D05DF6B41AFC722309793280A0E.cache.js:980:237
(TypeError) : $0.$connector is undefined
client-59E69D05DF6B41AFC722309793280A0E.cache.js:195:18
The error has occurred in the JS code: '$0, $1, return $0.$connector.setSelectionMode($1)'
client-59E69D05DF6B41AFC722309793280A0E.cache.js:192:18
Exception is thrown during JavaScript execution. Stacktrace will be dumped separately.
client-59E69D05DF6B41AFC722309793280A0E.cache.js:980:237
(TypeError) : $0.$connector is undefined
client-59E69D05DF6B41AFC722309793280A0E.cache.js:195:18
The error has occurred in the JS code: '$0, $1, return $0.$connector.setSelectionMode($1)'
client-59E69D05DF6B41AFC722309793280A0E.cache.js:192:18
Exception is thrown during JavaScript execution. Stacktrace will be dumped separately.
client-59E69D05DF6B41AFC722309793280A0E.cache.js:980:237
(TypeError) : $0.$connector is undefined
client-59E69D05DF6B41AFC722309793280A0E.cache.js:195:18
The error has occurred in the JS code: '$0, $1, return $0.$connector.updateSize($1)'
client-59E69D05DF6B41AFC722309793280A0E.cache.js:192:18
Exception is thrown during JavaScript execution. Stacktrace will be dumped separately.
client-59E69D05DF6B41AFC722309793280A0E.cache.js:980:237
(TypeError) : $0.$connector is undefined
client-59E69D05DF6B41AFC722309793280A0E.cache.js:195:18
The error has occurred in the JS code: '$0, $1, $2, return $0.$connector.set($1,$2)'
client-59E69D05DF6B41AFC722309793280A0E.cache.js:192:18
Exception is thrown during JavaScript execution. Stacktrace will be dumped separately.
client-59E69D05DF6B41AFC722309793280A0E.cache.js:980:237
(TypeError) : $0.$connector is undefined
client-59E69D05DF6B41AFC722309793280A0E.cache.js:195:18
The error has occurred in the JS code: '$0, $1, return $0.$connector.confirm($1)'
client-59E69D05DF6B41AFC722309793280A0E.cache.js:192:18
First response processed 2710 ms after fetchStart
client-59E69D05DF6B41AFC722309793280A0E.cache.js:191:18
 Processing time was 61ms
client-59E69D05DF6B41AFC722309793280A0E.cache.js:191:18
TypeError: window.Vaadin.Flow.gridConnector is undefined[Learn More]

client-59E69D05DF6B41AFC722309793280A0E.cache.js%20line%20980%20%3E%20Function:3:1
TypeError: $0.$connector is undefined[Learn More]

client-59E69D05DF6B41AFC722309793280A0E.cache.js%20line%20980%20%3E%20Function:3:1

Firefox 60.8.0esr.
Chrome Version 80.0.3987.122

2

Hi Aliaksandr

Couldn’t reproduce the error with the provided code snippet. Can you attach a minimal project as a zip file so we can take a better look?

3

Can I submit it like private message?

I was able to reproduce it in different environment with safari (Version 13.0.4 (15608.4.9.1.3)).

Looks like the problem that I want to make UI as part of spring-cloud-config-server project.
When I turn off spring-cloud-config-server dependencies it started to work.

4

Looks like the problem was with port mappings. spring-cloud-config-server by default working with 8888 (but 8080 was available, this is why UI worked).

My solution was [use spring-cloud-config-server with “embedded mode” ]
(https://cloud.spring.io/spring-cloud-config/reference/html/#_embedding_the_config_server) with spring.cloud.config.server.prefix.