Как запустить text-to-svg в браузере?

Я хочу запустить text-to-svg в браузере. Я устанавливаю watchify, browserify и babel через npm install.

код клиента/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: «импорт» и «экспорт» могут появляться только на верхнем уровне (6:0) при разборе /home/tln/www/0temp/draw-text2/node_modules/text-to-svg/src/index.js, в то время как файл разбора: /home/tln/www/0temp/draw-text2/node_modules/text-to-svg/src/index.js

возможно ли запустить text-to-svg в браузере?


person tolyan    schedule 14.09.2017    source источник
comment
textToSVG ​​— это модуль Node/NPM. Почему вы пытаетесь запустить его в браузере? В любом случае клиентский javascript не имеет доступа к локальной файловой системе, вы не сможете прочитать .otf файлов из браузера.   -  person Jeremy Thille    schedule 14.09.2017
comment
textToSvg есть пример браузера. Но я не могу повторить это. Загрузка создания файла .otf через http get   -  person tolyan    schedule 14.09.2017


Ответы (1)


я знаю, что это старый вопрос, но все, что вам нужно сделать, это запустить npm run build, и он создаст папку сборки со встроенным файлом js и всем, что вам нужно, затем просто добавьте скрипт на свой сайт и загрузите файл .js и .otf, я сделал ту же ошибку, просто предположив, что он не будет работать в браузере, и нашел этот вопрос, не задумываясь, пока не посмотрел на package.json, не нашел команду сборки и не попробовал ее.

person LeetCodes    schedule 01.02.2020