打开snap.svg的github:https://github.com/adobe-webplatform/Snap.svg按照snap.svg的说明1.安装snap.svgnpminstallsnapsvg2,vue是基于webpack的,webpack2.x和3.x需要安装ImportsLoadernpmi-Dimports-loader3,vue.config.jsaddconfigurationmodule:{rules:[{test:require.resolve('snapsvg/dist/snap.svg.js'),使用:'imports-loader?this=>window,fix=>module.exports=0',},],},resolve:{别名:{snapsvg:'snapsvg/dist/snap.svg.js',},},4.使用:importSnapfrom'snapsvg';这时候运行项目会报错。表示import-loader传递了一个无法识别的属性。查看import-loader,发现只有它支持的属性是可见的。官方规则的使用配置是错误的。通过查看snap.svg的issue,可以找到第三条记录,点击进入https://github.com/adobe-webplatform/Snap.svg/issues/639so:修改配置为:module:{rules:[{test:require.resolve('snapsvg/dist/snap.svg.js'),use:'imports-loader?wrapper=window&additionalCode=module.exports=0;',},],},就是这样。
