为什么错误来自需要我的模块？

Question

我正在尝试加载脚本并使用它的功能，并且出现了require.js错误。

<dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-web</artifactId>
        <version>${spring-boot}</version>
        <exclusions>
            <exclusion>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-tomcat</artifactId>
            </exclusion>
            <!--<exclusion>-->
                <!--<artifactId>log4j-over-slf4j</artifactId>-->
                <!--<groupId>org.slf4j</groupId>-->
            <!--</exclusion>-->
        </exclusions>
    </dependency>

当尝试加载代码时，我遇到了require.js错误：

const pro = require('./pro');

(() => {
  const loadModule = () => {
    window.pro = pro.init(window);
  };
 // some code goes here
  let $rendered;
  Object.defineProperty(window, 'rendered', {
    get: () => $rendered,
    set: (newValue) => {
      $rendered = newValue;
      loadModule();
    },
  });
})();

我已经阅读了require.js解决方案，当我尝试该解决方案时，我的Uncaught Error: Module name "pro" has not been loaded yet for context: _. Use require([]) 规则将其标记为错误，因此我发现自己做错了。。

eslint

我做错了什么？
为什么会发生这种情况？最佳做法是什么？