Uncaught Syntaxerror: необнаруженный идентификатор при импорте JavaScript внутри файла JS - PullRequest
Новая
       13

Uncaught Syntaxerror: необнаруженный идентификатор при импорте JavaScript внутри файла JS

0 голосов
/ 30 апреля 2018

В настоящее время я пытаюсь запустить Vuejs в существующем проекте, но я постоянно получаю упомянутую ошибку в заголовке при импорте компонента в app.js. В отличие от всех других сообщений в Stackoverflow, которые я обнаружил, я не пытаюсь импортировать файл JavaScript в файл HTML с помощью тегов сценария.

Мой код для app.js выглядит следующим образом: 

import Vue from 'vue';
import exampleComponent from './components/exampleComponent.vue';

Vue.component('exampleComponent', exampleComponent);

const app = new Vue({
    el: '#vueApp'
});

Я действительно отчаялся в этот момент, потому что я уже несколько часов терплю неудачу с этой ошибкой.

Единственная возможность, которую я мог представить в отношении ошибки, - это то, что мне не удалось инициализировать что-то важное, так как я пытаюсь добавить Vue в существующее приложение. Я установил Vue только через npm И, благодаря моему отчаянному настроению, встроил cdn-скрипт для vuejs (который есть на сайте vue) в мой index.php. Возможно, отсутствует сервер разработки или мне даже нужно установить веб-пакет и т. Д.

Знаете ли вы решение или вы испытали нечто подобное?

Заранее спасибо, J0nny

** РЕДАКТИРОВАТЬ ** Извините, я, видимо, не опубликовал весь код.

ExampleComponent.vue: 

<template>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card card-default">
                    <div class="card-header">Example Component</div>

                    <div class="card-body">
                        I'm an example component.
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'exampleComponent',
        mounted() {
            console.log('Component mounted.')
        }
    }
</script>

Index.php:

только содержит #vueApp и cdn

1 Ответ

0 голосов
/ 30 апреля 2018

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

Вы можете скомпилировать без веб-пакета, используя CDN / route согласно этому ответу . Так что, если ответ @ sovalina не помог (что казалось очевидным), возможно, есть проблема в вашем HTML / шаблоне? Не могли бы вы опубликовать это или скрипку?

...