(index):7272 crbug/1173575，Flutter 和 Firebase 中弃用的非 JS 模块文件

Question

当我将 Flutter 应用程序部署到 Firebase 时，chrome 控制台出现此错误，

(index):7272 crbug/1173575, non-JS module files deprecated.

它首先加载了旧版本的应用程序，但现在它向我抛出此错误并且在 chrome 页面上响应消息的时间太长。我尝试删除那个 firebase 频道并创建了一个新频道，但仍然没有任何变化。另外，当我第一次以 chrome 隐身模式打开我的网站时，它第一次工作但现在它也不起作用...

我也尝试删除 vscode 中的 launch.json 文件，认为这可能是问题的原因，但仍然没有任何变化。

此网络应用程序在 IOS 12.5.4 中也无法正常工作，所以我无法弄清楚是什么导致了这个问题，请帮忙，但我主要担心的是 windows chrome this is my web app 下面是我的 index.html 文件，我隐藏了我的 firebase apikeys 所以忽略那个

<!DOCTYPE html>
<html>
  <head>
    <!-- <base href="/"> -->
    <meta charset="UTF-8">
    <meta content="IE=Edge" http-equiv="X-UA-Compatible">
    <meta name="description" content="A new Flutter project.">
  
    <!-- iOS meta tags & icons -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Devcom">
    <link rel="apple-touch-icon" href="icons/Icon-192.png">
  
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/png" href="favicon.png" />
  
    <title>Devcom</title>
    <link rel="manifest" href="manifest.json">
  </head>
<body>
  <script src="https://www.gstatic.com/firebasejs/8.6.1/firebase-app.js"></script>
  <script src="https://www.gstatic.com/firebasejs/8.6.1/firebase-auth.js"></script> 
  <script src="https://www.gstatic.com/firebasejs/8.6.1/firebase-firestore.js"></script> 

<script type="module"> 
   var firebaseConfig = {
      apiKey: "",
      authDomain: "devcom-ecc99.firebaseapp.com",
      databaseURL: "https://devcom.firebaseio.com", 
      projectId: "devcom-ecc99",
      storageBucket: "devcom-ecc99.appspot.com",
      messagingSenderId: "......",
      measurementId: ".......",
      appId: "1:.........:web:........",
    };
    firebase.initializeApp(firebaseConfig);
    // const app = initializeApp({ firebaseConfig });
// const app = getAnalytics({ firebaseConfig })    
</script>
 <script>
    var serviceWorkerVersion = null;
    var scriptLoaded = false;
    function loadMainDartJs() {
      if (scriptLoaded) {
        return;
      }
      scriptLoaded = true;
      var scriptTag = document.createElement('script');
      scriptTag.src = 'main.dart.js';
      scriptTag.type = 'application/javascript';
      document.body.append(scriptTag);
    }

    if ('serviceWorker' in navigator) {
      // Service workers are supported. Use them.
      window.addEventListener('load', function () {
        // Wait for registration to finish before dropping the <script> tag.
        // Otherwise, the browser will load the script multiple times,
        // potentially different versions.
        var serviceWorkerUrl = 'flutter_service_worker.js?v=' + serviceWorkerVersion;
        navigator.serviceWorker.register(serviceWorkerUrl)
          .then((reg) => {
            function waitForActivation(serviceWorker) {
              serviceWorker.addEventListener('statechange', () => {
                if (serviceWorker.state == 'activated') {
                  console.log('Installed new service worker.');
                  loadMainDartJs();
                }
              });
            }
            if (!reg.active && (reg.installing || reg.waiting)) {
              // No active web worker and we have installed or are installing
              // one for the first time. Simply wait for it to activate.
              waitForActivation(reg.installing ?? reg.waiting);
            } else if (!reg.active.scriptURL.endsWith(serviceWorkerVersion)) {
              // When the app updates the serviceWorkerVersion changes, so we
              // need to ask the service worker to update.
              console.log('New service worker available.');
              reg.update();
              waitForActivation(reg.installing);
            } else {
              // Existing service worker is still good.
              console.log('Loading app from service worker.');
              loadMainDartJs();
            }
          });

        // If service worker doesn't succeed in a reasonable amount of time,
        // fallback to plaint <script> tag.
        setTimeout(() => {
          if (!scriptLoaded) {
            console.warn(
              'Failed to load app from service worker. Falling back to plain <script> tag.',
            );
            loadMainDartJs();
          }
        }, 4000);
      });
    } else {
      // Service workers not supported. Just drop the <script> tag.
      loadMainDartJs();
    }
  </script>
 
</body>
</html>

感谢任何帮助...

谢谢，

Answer 1

我的 index.html 文件中缺少一个脚本标记，因此请始终检查您的 html 文件是否存在此类错误，但我也执行了以下步骤。因此，如果 html 文件中没有错误，请确保执行此操作。

删除 widget_test.dart 文件对我有用并且

我还删除了自动生成的launch.json，删除后又重新创建了

我在 flutter 中使用 flutter_webrtc，它使用 stun 和 turn servers 所以我首先删除了那个插件和所有相关的代码，然后重新安装它们所以我猜插件安装不正确和错误 html 脚本标签导致此错误...然后我运行 flutter clean 和 flutter create . 现在它工作正常。当我运行通常的 firebase 部署命令成功时。

(index):7272 crbug/1173575，Flutter 和 Firebase 中弃用的非 JS 模块文件

(index):7272 crbug/1173575, non-JS module files deprecated in Flutter and Firebase

google-chrome

dart

firebase

flutter

flutter-web