Блог

Главная - Вопросы по программированию - Импорт классов JS в Nuxt JS

Импорт классов JS в Nuxt JS

#javascript #class #vue.js #html5-canvas

#javascript #класс #vue.js #html5-canvas

Вопрос:

У меня довольно мало опыта работы с Vue JS и Nuxt JS, но я работаю над проектом, который требует от меня импортировать эскизы JS. Tbh Мне действительно трудно понять, как я могу импортировать и объявить экземпляр класса в Nuxt JS (Vue).

Оригинальный эскиз JS можно найти здесь: https://jsfiddle.net/olearyb/jxk1ey8r/5

Я пытаюсь экспортировать большой двоичный объект класса и импортировать его в Vue JS.

Скриншот ошибки VueJS

Однако я не уверен, правильно ли я это делаю.

 <script&&t;
import Blob from "../assets/content/Blob_Point" 
export default {
  created() {
   new Blob("#C09EFF")
   },
}
</script&&t;

Однако я получаю ошибки в некоторых переменных внутри класса Blob, например:

26:9 ошибка ‘radius’ присвоено значение, но никогда не использовались неиспользуемые переменные

Однако радиус в исходном классе JS задается таким._radius или 300.

Опять же, я совершенно новичок в VueJS и имею лишь небольшой опыт работы с JS.

Ценю любую помощь или указания!

Комментарии:

1. Это предупреждение lint о неиспользуемой переменной. Либо измените переменную, либо игнорируйте / перенастройте свой linter, чтобы он допускал это.

2. Это не проблема Vue или Nuxt. Вы используете ESLint (его устанавливает basic Nuxt project), и он настроен на обработку вашего кода — он проверяет определенные шаблоны / стили кодирования и выдает предупреждения или ошибки, если они не сохранены. ESLint: eslint.or& , Vue плагина ESLint: eslint.vuejs.or& и некоторые идеи по настройке Nuxt: nuxtjs.or&/&uide/development-tools/#eslint-and-prettier и способ отключить эту компоновку: eslint.or&/docs/2.13.1/user-&uide /…

Ответ №1:

Предупреждение от ESLint. Вы можете запустить

 yarn lint --fix

или

 npm run lint -- --fix

для автоматического устранения всех проблем с компоновкой или вы можете настроить, чтобы ESLint игнорировал этот конкретный файл