我终于找到了在wasm-bindgen项目中加载wasm应用程序的正确方法！
实际上，所有内容都在this page上
当您编译项目而不想使用bundler运行它时，您必须使用--target标志运行wasm-pack build。
wasm-pack build --release --target web的值。
这将创建一个.js文件（在我的示例中为pkg/test_wasm.js），其中包含加载wasm应用程序所需的所有内容。
下面是如何使用wasm-bindgen（index.js）创建的函数：

import init from './pkg/test_wasm.js';
import {ex_function, ex_Struct ...} from '../pkg/test_wasm.js';

function run {
    // use the function ex_function1 here

}

init().then(run)

字符串
您可以在HTML文件中包含index.js

<script type="module" src="./index.js"></script>

型
然后它的工作！

编辑：

现在我对JavaScript生态系统有了更多的了解，我可以试着解释一下我所理解的：在js中有很多方法可以进行导入，这里有一个列表：https://dev.to/iggredible/what-the-heck-are-cjs-amd-umd-and-esm-ikm的
您不需要了解太多，只需要知道wasm-pack的默认目标是一个节点样式ecmascript module。此导入将在node.js中工作，但不能直接在浏览器中工作。因此，在node中，您可以直接从wasm文件导入函数，如下所示：import {ex_function} from "./test.wasm"个
但是这些导入样式现在在浏览器中不起作用。也许这将是可能的in the future但现在，您的浏览器只知道有关js模块。因此，如果您尝试在浏览器中直接导入.wasm文件，它将抛出mime类型错误，因为它不知道如何处理webassembly文件。
你用来从ecmascipt模块（例如很多nmp包）到一个js文件的工具叫做web-bundler（webpack，rollup，snowpack...）。如果你在一个大项目中使用npm，你可能需要一个。否则，“--target web”将告诉wasm-bindgen示例化wasm模块the right way（查看pkg/test_wasm.js）