Rust 和 Wasm 初始设置

Posted

技术标签:

【中文标题】Rust 和 Wasm 初始设置【英文标题】:Rust & Wasm intitial set up 【发布时间】:2020-12-29 14:47:53 【问题描述】:

我正在关注this tutorial 使用 rust 创建 webassembly 应用程序,但是当我尝试使用 node 运行捆绑的 web 程序集代码时(在添加我自己的任何代码之前并完全按照教程进行操作)

$ npm run start
> create-wasm-app@0.1.0 start /Users/jakearmendariz/Desktop/wasm/wasm-game-of-life/www
> webpack-dev-server

/Users/jakearmendariz/Desktop/wasm/wasm-game-of-life/www/node_modules/copy-webpack-plugin/node_modules/schema-utils/dist/validate.js:98
    throw new _ValidationError.default(errors, schema, configuration);
    ^

ValidationError: Invalid options object. Copy Plugin has been initialized using an options object that does not match the API schema.
 - options[0] should be an object:
   object  patterns, options? 
    at validate (/Users/jakearmendariz/Desktop/wasm/wasm-game-of-life/www/node_modules/copy-webpack-plugin/node_modules/schema-utils/dist/validate.js:98:11)
    at new CopyPlugin (/Users/jakearmendariz/Desktop/wasm/wasm-game-of-life/www/node_modules/copy-webpack-plugin/dist/index.js:32:30)
    at Object.<anonymous> (/Users/jakearmendariz/Desktop/wasm/wasm-game-of-life/www/webpack.config.js:12:5)
    at Module._compile (internal/modules/cjs/loader.js:776:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:787:10)
    at Module.load (internal/modules/cjs/loader.js:653:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
    at Function.Module._load (internal/modules/cjs/loader.js:585:3)
    at Module.require (internal/modules/cjs/loader.js:690:17)
    at require (internal/modules/cjs/helpers.js:25:18)
    at WEBPACK_OPTIONS (/Users/jakearmendariz/Desktop/wasm/wasm-game-of-life/www/node_modules/webpack-cli/bin/utils/convert-argv.js:114:13)
    at requireConfig (/Users/jakearmendariz/Desktop/wasm/wasm-game-of-life/www/node_modules/webpack-cli/bin/utils/convert-argv.js:116:6)
    at /Users/jakearmendariz/Desktop/wasm/wasm-game-of-life/www/node_modules/webpack-cli/bin/utils/convert-argv.js:123:17
    at Array.forEach (<anonymous>)
    at module.exports (/Users/jakearmendariz/Desktop/wasm/wasm-game-of-life/www/node_modules/webpack-cli/bin/utils/convert-argv.js:121:15)
    at Object.<anonymous> (/Users/jakearmendariz/Desktop/wasm/wasm-game-of-life/www/node_modules/webpack-dev-server/bin/webpack-dev-server.js:84:40)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! create-wasm-app@0.1.0 start: `webpack-dev-server`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the create-wasm-app@0.1.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/jakearmendariz/.npm/_logs/2020-09-11T04_46_27_442Z-debug.log

webpack.config

const CopyWebpackPlugin = require("copy-webpack-plugin");
const path = require('path');

module.exports = 
  entry: "./bootstrap.js",
  output: 
    path: path.resolve(__dirname, "dist"),
    filename: "bootstrap.js",
  ,
  mode: "development",
  plugins: [
    new CopyWebpackPlugin(['index.html'])
  ],
;

package.json 依赖项

  "dependencies": 
    "minimist": "^1.2.5",
    "wasm-game-of-life": "file:../pkg"
  ,
  "devDependencies": 
    "copy-webpack-plugin": "^6.1.0",
    "hello-wasm-pack": "^0.1.0",
    "webpack-cli": "^3.1.0",
    "webpack-dev-server": "^3.11.0"
  

我像以前一样重新编写了教程,得到了相同的结果。我认为这是我的 npm 设置的问题,但我不确定。

【问题讨论】:

这能回答你的问题吗? Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema 不,这是一个类似的问题,但我已经卸载并重新安装了我所有的 webpack 依赖项,但我仍然遇到这个问题 插件在webpack.config.js中初始化,因此您需要更新您的问题以显示该配置,以及您的package.json的内容 @Herohtar 添加了这些文件 【参考方案1】:

由于安全警报,当我从教程文件中指定的版本更新 copy-webpack-plugin 的版本时,我遇到了类似的错误。配置参数的格式同时发生了变化,所以我不得不更改它们以匹配。

教程有"copy-webpack-plugin": "^5.0.3",我升级到"copy-webpack-plugin": "^6.0.3",在webpack.config.js我不得不改变

    new CopyPlugin([
      path.resolve(__dirname, "static")
    ]),
    new CopyPlugin(
      patterns: [
        path.resolve(__dirname, "static")
      ]
    ),

我不熟悉 webpack 或 copy-webpack-plugin,除了通过你正在遵循的相同的 rust-wasm 教程,所以使用这个建议需要你自担风险;我只能说它似乎有效。

【讨论】:

@JakeArmendariz 如果之前的构造函数是new CopyWebpackPlugin(['index.html']),那么你需要把它改成new CopyWebpackPlugin( patterns: ['index.html']) 哇,这很明显哈哈,修好了。谢谢@Herohtar 和凯文·里德

以上是关于Rust 和 Wasm 初始设置的主要内容,如果未能解决你的问题,请参考以下文章

rust语言编写wasm简单例子

rust语言编写wasm简单例子

微软的wasm 和 rust的wasm 方案对比

微软的wasm 和 rust的wasm 方案对比

如何使用 Wasm 和 Rust 服务多个 HTML 页面?

如何通过 wasm-pack 将 Rust Wasm 应用程序与 libpq 链接?