반응형

vuejs2 272

"export 'default'('_vue_script__'로 표시됨)를 '!babel-default'에서 찾을 수 없습니다.

"export 'default'('_vue_script__'로 표시됨)를 '!babel-default'에서 찾을 수 없습니다. Vue.js 2 프로젝트를 로드하면 콘솔에 이 오류 메시지가 나타납니다. ./src/components/UserSettings.vue 18:2-16 "export 'default' (imported as '__vue_script__') was not found in '!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./UserSettings.vue' UserSettings.vue는 페이지이며, 필요한 것은 없습니다.export default =이 내용은 다음과 같습니다../src/compo..

IT이야기 2022.06.05

Vue2: 루트를 사용하여 다른 페이지로 리다이렉트하는 방법

Vue2: 루트를 사용하여 다른 페이지로 리다이렉트하는 방법 스크립트 코드에서 다른 vue 페이지로 리디렉션하려면 어떻게 해야 합니까?router.push()를 사용하고 있는데 원하는 vue 페이지로 리다이렉트 할 수 없습니다. 다음은 제 소스 코드입니다. src/srec/index.displacy import Vue from 'vue' import Router from 'vue-router' import HomePage from '@/components/HomePage' Vue.use(Router) export default new Router({ routes: [ { path: '/', name: 'IndexPage', component: IndexPage }, { path: '/homepage', ..

IT이야기 2022.06.05

소품에 대해 단일 인용구를 사용하지 않는 방법

소품에 대해 단일 인용구를 사용하지 않는 방법 문자열의 jsonified 목록인 Django 컨텍스트 변수가 있지만 일부 문자열에는 따옴표가 하나 있을 수 있습니다.' import json list_of_strings = ["test", "hello", "I have a'single quote"] return render(request, 'template.html', { 'strings': json.dumps(list_of_strings) }) 그런 다음 그의 소품 중 하나를 통해 vue 컴포넌트에 삽입합니다. 보시다시피, 작은 따옴표 사이로 감겨야 합니다. :strings='{{ strings|safe }}' 그러나 첫 번째 작은 따옴표까지 목록을 삽입한 후 브라우저에 모든 내용을 텍스트로 기록합니다...

IT이야기 2022.06.05

vue-class-component : TS2339(콜링 클래스 메서드)

vue-class-component : TS2339(콜링 클래스 메서드) vue-cli-service를 사용하여 vuejs 애플리케이션을 빌드하고 있습니다. 빌드는 성공했지만 웹스톰 IDE에서 TS2339 오류가 나타납니다. Test.vue: {{method()}} Test.spec.ts: import 'jest'; import {mount} from '@vue/test-utils'; import Test from '@/views/common/Test.vue'; describe('Test.vue', () => { let wrapper: any; beforeEach(() => { wrapper = mount(Test); }); test('test method call', () => { const test ..

IT이야기 2022.06.04

Safari용 vue-devtools 확장이 있습니까?

Safari용 vue-devtools 확장이 있습니까? Firefox와 Safari의 Vue 속성 중 하나(적어도)를 처리하는 방식이 일치하지 않습니다.그 안에 무엇이 있는지 확인할 수 있으면 매우 도움이 됩니다.감사합니다!이제 vue-devtools 버전 전자 제품이 존재하며, 이는 모든 플랫폼에서 작동합니다. npm install -g @vue/devtools 패키지를 글로벌하게 설치한 후 다음을 수행합니다. vue-devtools 앱의 머리글에 추가 safari에서 개발 앱을 엽니다. localhost:3000 iPhone: localhost가 아닌 ip를 사용하고, iphone에서 활성화 디버깅 옵션을 사용하는 것은 iphone safari!와 함께 사용할 수 있으며, Mac에서 디버깅할 수 있습..

IT이야기 2022.06.04

라우터 뷰 콘텐츠가 렌더링되지 않음

라우터 뷰 콘텐츠가 렌더링되지 않음 그router-view내 앱의 콘텐츠는 항상 비어 있습니다(라우팅 자체는 완벽하게 작동하고 템플릿은 앱 전체에서 올바르게 렌더링됩니다. (주: 단,import Vue from 'vue';컴파일을 지원하는 스탠드아론 버전의 Vue.js를 사용하고 있습니다.올바른 Import는 webpack으로 대체됩니다.) 메인 import Vue from 'vue'; import Router from './services/router'; import { AppComponent } from './components/'; export default new Vue({ el: '#app-container', router: Router, render: (context) => context(Ap..

IT이야기 2022.06.04

Laravel Echo 500 오류(브로드캐스트/인증)

Laravel Echo 500 오류(브로드캐스트/인증) 좋은 하루 보내세요! 문제가 있습니다.Laravel Echo & Pusher를 설정했는데 이 오류가 발생하였습니다.해결 방법이 없습니다. 앱키와 앱클러스터를 확인했지만 모두 맞았습니다. 누가 나 좀 도와줄래? app.module const app = new Vue({ el: '#app', data: { messages: [] }, methods:{ addMessage(message){ this.messages.push(message); axios.post('/messages', message).then(response => { console.log(response); }); } }, created(){ axios.get('/messages').the..

IT이야기 2022.06.03

순수 VUE 구성 요소에 스타일 추가

순수 VUE 구성 요소에 스타일 추가 나는 가지고 있다Element.js다음과 같이 내보내는 VUE 컴포넌트입니다. export default { template: ` Single-file JavaScript Component {{ message }} `, data() { return { message: 'Oh hai from the component' } }, style: ` h1, p { color: red !important; /* NOT WORKING */ } ` } 그리고 평상시와는 다르다. [점] Vue 구조. 첫 번째 구조를 사용해서.여기에 CSS 스타일을 추가할 수 있습니까? 로 시도했습니다.style위와 같이 받침대가 작동하지 않습니다.싱글 파일 컴포넌트 문서에는 CSS에서는 할 수 없다..

IT이야기 2022.06.03

Vue js의 Firebase에서 토큰을 검색하는 동안 오류가 발생하는 이유는 무엇입니까?

Vue js의 Firebase에서 토큰을 검색하는 동안 오류가 발생하는 이유는 무엇입니까? vue.js 프로젝트에 Firebase를 구현하려고 하는데 오류가 발생함firebase.messaging.getToken()여기 제 문제의 스크린샷이 있습니다. 오류: 스크립트에 지원되지 않는 MIME 유형('text/html')이 있습니다. 리소스를 로드하지 못했습니다. net:ERR_INSECURE_RESPONSE 통지할 권한을 얻을 수 없습니다. browserErrorMessage : "ServiceWorker 등록에 실패했습니다.스크립트에 지원되지 않는 MIME 유형('text/html')이 있습니다. 코드 : "syslog/syslog-service worker-registration" 메시지: "메시지:..

IT이야기 2022.06.03

Nuxt SSR 인증 가드 및 Firebase 인증

Nuxt SSR 인증 가드 및 Firebase 인증 Nuxt에서 Firebase Auth를 사용하여 인증가드를 구현하려고 하는데 문제가 계속 발생하고 있습니다.현재 로그인 할 수 있지만 로그인 후 올바른 페이지가 로드되지 않습니다.로그인 후 사용자는 '/profile-overview' 페이지로 리다이렉트해야 하지만 그렇게 되지 않습니다.'프로파일' 페이지에서 다른 페이지로 이동한 후 다시 돌아가면 자동으로 '프로파일 개요' 페이지로 이동합니다.로그인 후 페이지 네비게이션/새로고침에 문제가 있을 뿐입니다.또한 사용자가 다시 로그아웃한 페이지를 새로 고칠 때 사용자가 아직 로그인하지 않은 것을 제외해도 될까요? 지금까지의 코드: 페이지: loginGoogle () { this.$store.dispatch('..

IT이야기 2022.06.03
반응형