我希望运行text-to-svg在浏览器上。我通过 npm install 安装 watchify、browserify 和 babel。
client/index.js代码
import TextToSVG from '../node_modules/text-to-svg/src/'
let textToSVG
window.onload = () => {
console.log("onload")
TextToSVG.load("vendor/Nautilus.otf", (err, t2s) => {
if (err) {
console.log("loading font error", err)
return;
}
textToSVG = t2s;
});
}
接下来,我在控制台中运行:
node_modules/.bin/watchify client/index.js -t babelify -o public/index.js
...并出现错误:
SyntaxError: 'import' and 'export' may only appear at the top level (6:0) while parsing /home/tln/www/0temp/draw-text2/node_modules/text-to-svg/src/index.js while parsing file: /home/tln/www/0temp/draw-text2/node_modules/text-to-svg/src/index.js
是否可以在浏览器上运行text-to-svg?
最佳答案
我知道这是一个老问题,但你所要做的就是运行npm run build
,它将生成一个包含构建的js文件和你需要的所有内容的构建文件夹,然后只需将脚本添加到你的网站并上传.js文件和.otf文件,我犯了同样的错误,只是假设它在浏览器中不起作用,不假思索地发现了这个问题,直到我查看了package.json并找到了构建命令并尝试了
关于javascript - 如何在浏览器上运行text-to-svg?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46219018/