Результат загрузки компонента: «Имя модуля еще не загружено для контекста»

Я пытаюсь узнать больше о Vue.js, но борюсь с проблемой. Я пытаюсь использовать файлы .vue, чтобы внутри этого файла был код моего шаблона. Мой html-код выглядит так.

<!DOCTYPE html>
<html lang = "en" dir = "ltr">
  <head>
    <meta charset = "utf-8">
    <title></title>

    <script src = "vue.js"></script>
    <script src = "require.js"></script>
  </head>
  <body>
    <div id = "app">
      <navbar-component></navbar-component>
    </div>
    <script src = "./main.js"></script>

  </body>
</html>

А мой рабочий код JavaScript / Vue.js выглядит так.

Vue.component('navbar-component', {
  template: '<h3>Title</h3>'
});

const demo = new Vue({
  el: '#app',
  mounted() {
    console.info('mounted');
  }
});

Проблема в том, когда я меняю его на использование этого JavaScript. Когда я пытаюсь загрузить файл из своего файла test.vue, он больше не работает, и я получаю эту ошибку.

require.js:168 Uncaught Error: Module name "src/components/test.vue" has not been loaded yet for context: _. Use require([])
https://requirejs.org/docs/errors.html#notloaded
    at makeError (require.js:168)
    at Object.localRequire [as require] (require.js:1436)
    at requirejs (require.js:1797)
    at main.js:1

Мой последний тестовый код выглядел так:

main.js

Vue.component('navbar-component', require('./src/components/test.vue'));

const demo = new Vue({
  el: '#app',
  mounted() {
    console.info('mounted');
  }
});

SRC / компоненты / test.vue

<template>
  <div class = "helloworld">
      <h1>Hello world</h1>
  </div>
</template>

<script>
</script>

Я не совсем знаком с RequireJS, но полагаю, вам понадобится какой-нибудь плагин, чтобы он работал с файлами .vue (например, requirejs-vue). Vue обычно не используется с RequireJS AFAIK, обычно файлы .vue представляют собой предварительно скомпилированный как часть сборки веб-пакета (или аналогичной) с использованием vue-loader.

— 08.12.2018 11:56

Хм, я ожидаю, что он будет легко закодирован без node.js / npm, и может сделать это очень просто. Я не могу найти ничего о requirejs-vue и загрузчике, у вас есть руководство, на которое вы можете ссылаться?

— 10.12.2018 14:29

javascript vue.js requirejs

08.12.2018 10:36

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

488

Другие вопросы по теме

Vue.js - как иметь несколько входов в компоненте

Vuetify - поддерживать индекс строки в v-data-table

Сообщите App.vue, что вызывается событие обслуживающего работника

Как защитить ключ API с помощью Nuxt и проверить

Как получить доступ к вложенному объекту в javascript с помощью foreach

Vue-chartjs не может отображать метки и наборы данных

Обновить значение на Vuetify Slider

Проблемы с опцией экземпляра Vue Apollo, не удается правильно настроить

Панель поиска в приложении Vue flickr не дает ожидаемых результатов

Глобальная регистрация компонентов во Vuejs во вложенных папках

Результат загрузки компонента: «Имя модуля еще не загружено для контекста»

Другие вопросы по теме

Похожие вопросы