如何解决Rust&Wasm初始设置
我正在按照本教程https://rustwasm.github.io/docs/book/game-of-life/hello-world.html使用rust创建Webassembly应用程序,但是当我尝试使用node运行捆绑的Web Assembly代码时(在添加我自己的任何代码之前以及完全按照本教程进行操作时)
$ npm运行开始
> 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设置有问题,但是我不确定。
谢谢您的帮助!
解决方法
由于安全警报,我从教程文件中指定的版本中更新了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")
]
}),
除了通过您正在遵循的相同的rust-wasm教程之外,我对webpack或copy-webpack-plugin并不熟悉,因此使用此建议需要您自担风险;我只能说它似乎有效。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。