vuex 스토어를 라벨 페이지로 가져오는 동안 예기치 않은 토큰 오류가 발생했습니다.

vuex 스토어를 라벨 페이지로 가져오는 동안 예기치 않은 토큰 오류가 발생했습니다.

Vuex에 새로 온 Vuex에 새로 온 제품입니다.모든 구성 요소가 분기된 기본 페이지로 저장소를 가져오려고 하는데 브라우저 콘솔에서 "예상치 못한 토큰 {" 오류가 계속 발생합니다.설명서를 다 읽었지만 이 문제를 해결할 만한 것을 찾을 수가 없습니다.저는 제가 할 수 있는 모든 구문을 바꾸려고 노력했지만, 그것은 차이가 없는 것 같습니다.가져오기에서 저장소 주변의 괄호가 문제인 것처럼 보이지만, 괄호를 제거하면 새로운 "예상치 못한 식별자" 또는 "예상치 못한 문자열" 오류가 나타납니다.제가 잘못 수입한 건가요?이 형식은 이 새 vue 인스턴스가 아닌 내 모든 구성 요소에서 잘 작동합니다.

vuex-test.blade.php

@extends('core.core_layouts.core_blank')

@section('browsertitle')
@endsection

@section('top-css')
@endsection

@section('breadcrumb')
@endsection


@section('main')
  <component :is="currentView" v-bind="currentProperties"></component>
@endsection


@section('bottom-js')
<script>

    import { store } from './../stores/store1.js';

    var app = new Vue({
        el:"#app",
        store,
        data: {
        currentView: 'org-list',
        choseOrg: {{ $org }},
    },  // end data
    computed: {
        currentProperties: function() {
            if (this.currentView === 'org-list') { return { } }
            if (this.currentView === 'add-org') { return { parentOrg: '' } }
        }
    },   
    mounted : function() {
    }, // end mounted
    methods: {
    }, // end methods
    components: {
    },
});
</script>
@endsection

store1.js

export const store = new Vuex.Store({
  state: {
    safelyStoredNumber: 'ret',
    count: 2,
  },
  mutations: {
    setOrgIdentity(state, orgID) {
    state.OrgID = orgID
    }
  }
 });

댓글 수:

네, 브라우저에서 오류가 발생합니다.

import거기서 작동하지 않을 것입니다.vue-cli 기반 프로젝트의 빌드 단계 중에 node.js에서 실행됩니다.

코드를 브라우저에 직접 배포하는 경우 브라우저에서 지원하는 코드를 사용해야 합니다.이 경우 다른 JavaScript 파일을 가져오는 솔루션은 표준입니다.<script>꼬리표

코드에서 다음을 변경합니다.

import { store } from './../stores/store1.js';

다음과 같은 것으로 이동합니다(경로를 더 적합한 것으로 변경).

<script src="./../stores/store1.js"></script>

그리고 1.js 매장에서 (왜냐하면.exportnode.js에 대해 너무 의도적임), 다음을 대체합니다.

export const store = new Vuex.Store({

포함:

window.store = new Vuex.Store({

언급URL : https://stackoverflow.com/questions/49439388/unexpected-token-error-importing-a-vuex-store-to-laravel-page