Laravel 5: Установите пользовательский компонент, используя Vue с ошибкой «нет в реестре npm».

Question

Технология, которую мы используем - Laravel, и теперь пыталась использовать Vue js. В моем app.js

Файл App.js

Vue.component('main-chart-of-accounts', require('chart_of_account.vue').default);

Также по тому же пути. У меня есть этот файл chart_of_account.vue. В этом файле это наш шаблон

файл chart_of_account.vue

<template>
    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
        <article-list></article-list>
        <!-- end card-->          
    </div>
</template>
<script>
    import ChartOfAccountList from '../components/configurations/chart-of-accounts/ChartOfAccountList.vue';
    export default {  
        data: function () {
            return {
                detail: ''
            }
        },
        mounted(){
        },
        methods: {
        },
        watch: {
        },
        components: {
            ChartOfAccountList
        }
    }
</script>

Я столкнулся с некоторыми ошибками при попытке установить ChartOfAccount.vue при выполнении этой команды

npm install - сохранить ChartOfAccount.vue

1) Было указано, что

'ChartOfAccount.vue@latest 'отсутствует в реестре npm. нпм ERR! 404 Неверное имя вашего пакета, потому что npm ERR! 404 1. имя больше не может содержать заглавные буквы

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

'chart_of_account.vue@latest' is not in the npm registry.
npm ERR! 404 You should bug the author to publish it (or use the name yourself!)

Вопрос:Как мне импортировать свой chart_of_account.vue в мой app.js?

Answer 1

С помощью require() вы можете импортировать пакеты NPM по их именам, например require('express');

Если вы хотите импортировать локальный файл, вы должны использовать относительный путь ,что для "текущего пути" равно ./

Итак, ваш код должен быть:

Vue.component('main-chart-of-accounts', require('./chart_of_account.vue').default);

Таким образом, ваш упаковщик понимает, что вы хотите файл, а не пакет с именем "chart_of_account. вю "