本地使用NPM版canvaskit-wasm报错，仅CDN可用求解决

这不是Firefox安全策略导致的问题 #

你遇到的LinkError: import object field 'memory' is not a Memory错误和浏览器安全策略无关，主要是本地部署时的资源配置或服务器MIME类型设置问题。

核心问题与修复步骤 #

1. 资源路径不匹配 #

你的代码里虽然引入了本地的canvaskit.js，但locateFile配置仍然指向CDN地址，这会导致本地JS文件尝试加载CDN上的WASM资源，可能出现版本不兼容或加载异常。修改配置指向本地资源：

const ckLoaded = CanvasKitInit({
    locateFile: (file) => './' + file
});

确保canvaskit.js和canvaskit.wasm文件在同一目录下，且服务器能正确访问。

2. Python服务器未正确设置WASM的MIME类型 #

Python默认的HTTP服务器会把.wasm文件当作普通文本文件（text/plain）返回，导致浏览器无法正确编译WASM模块。你需要自定义服务器脚本添加正确的MIME类型：

import http.server
import socketserver

PORT = 8000

class CustomHTTPHandler(http.server.SimpleHTTPRequestHandler):
    # 映射WASM文件到正确的MIME类型
    extensions_map = {
        '.wasm': 'application/wasm',
        **http.server.SimpleHTTPRequestHandler.extensions_map
    }

if __name__ == "__main__":
    with socketserver.TCPServer(("", PORT), CustomHTTPHandler) as httpd:
        print(f"服务器运行在端口 {PORT}")
        httpd.serve_forever()

用这个脚本启动服务器，替代默认的python -m http.server。

3. 确认资源完整性 #

从npm包的bin目录复制所有必要文件：canvaskit.js、canvaskit.wasm，确保它们都在你的publish目录下，没有遗漏或损坏。

是否需要自行构建Canvaskit-WASM？ #

不需要。官方npm包提供的预构建文件已经适配浏览器环境，只要按上述步骤配置正确，就能正常使用。只有当你需要修改源码或添加自定义功能时，才需要自行构建。

内容的提问来源于stack exchange，提问作者edition