달력

42025  이전 다음

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30

any_filename.vue에서 다음과 같이 <template> 안에 <script>를 작성하는 경우 에러가 발생한다.

<template>

  <div id="app">

   <v-row>

      <v-col height="100%" width="50%">

 

<!-- 외부 스크립트 또는 기타 -->

<script type="text/javascript">

...

</script>

 

...

</template>

 

Failed to compile.

./src/views/Facade.vue?vue&type=template&id=efb03358& (./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"01f4ff74-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/Facade.vue?vue&type=template&id=efb03358&) Module Error (from ./node_modules/vue-loader/lib/loaders/templateLoader.js): (Emitted value instead of an instance of Error) Errors compiling template: Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your templates, such as <script>, as they will not be parsed. 11 | <div id="view_de346"></div>

 

<!-- 외부 스크립트 또는 기타 -->

<script type="application/javascript">와 같이 text -> application으로 바꾸어 주면 해결된다.

 

reference : 가우테 멕 올슨 (gaute.dev)

Posted by 야옹이백작
|

1. vs code (https://code.visualstudio.com/download)

 

2. powershell (referer: MacOS에 PowerShell 설치 - PowerShell | Microsoft Docs)

$ /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" 
$ brew install --cask powershell

 

3. vue

vs code의 terminal 메뉴의 새 터미널을 선택

 

$ npm install -g @vue/cli

 

4. vuefity

$ vue create my-app

$ cd my-app

$ vue add vuetify

? Choose a preset: (Use arrow keys)

   Default (recommended)

   Preview (Vuetify 3 + Vite)

   Prototype (rapid development)

> V3 (alpha)

   Configure (advanced)

 

5. misc.

  5.1 permission deied, access node_modules (referer : https://stackoverflow.com/questions/48910876/error-eacces-permission-denied-access-usr-local-lib-node-modules/51024493#51024493)

 

npm ERR! path /usr/local/lib/node_modules

npm ERR! code EACCES

npm ERR! errno -13

npm ERR! syscall access

npm ERR! Error: EACCES: permission denied, access '/usr/local/lib/node_modules'

npm ERR! { Error: EACCES: permission denied, access '/usr/local/lib/node_modules'

npm ERR! errno: -13,

npm ERR! code: 'EACCES',

npm ERR! syscall: 'access',

npm ERR! path: '/usr/local/lib/node_modules' }

...

 

First check who owns the directory

ls -la /usr/local/lib/node_modules

 

it is denying access because the node_module folder is owned by root

drwxr-xr-x 3 root wheel 102 Jun 24 23:24 node_modules

 

Then change owner

sudo chown -R $USER /usr/local/lib/node_modules

 

5.2 node_modules 디렉토리 권한 설정 변경시 su:Sorry (referer : https://devmg.tistory.com/177)

Computer:~ user$ sudo -s

bash-3.2# passwd root

 

6. test

$ cd <project-name> $ npm install $ npm run dev

 

 

Posted by 야옹이백작
|

경치가 너무 좋아서 iPad로 사진찍으면 시야각이 좁아 제대로 표현되지 않는 경우가 많아 늘 불만이었다.

조금이라도 더 사진에 담을 수 없을까? 궁리하던 중 포인트 등을 활용해서 5천원 정도의 저렴한 광각 렌즈를 하나 구입했다.

가격 대비 성능/만족도도 높아지겠지만 난 전문 사진작가가 아닌 막~ 찍는 사람이니 이 정도면 만족할만한 렌즈가 아닐까 한다.

Posted by 야옹이백작
|