Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
Tags
- 깔끔한 웹디자인
- 디자인
- 스크롤 웹사이트
- 배경이 이쁜 웹디자인
- 신박한 디자인
- Image Replacement
- IR기법
- 사람 일러스트
- 유니크
- jQuery
- 3D
- jquery 웹디자인
- 웹사이트
- 웹 접근성
- 웹디자인
- mark up
- 스크롤
- 신박한 웹디자인
- 귀여운 웹디자인
- 마크업
- 마우스오버
- 특이한 웹디자인
- 스크롤 웹디자인
- 일러스트
- 시맨틱 마크업
- 이쁜 웹디자인
- 이미지 리플레이스먼트
- 접근성
- 시맨틱
- 우주 웹디자인
Archives
- Today
- Total
Play Ground
vue.js jquery import syntax error 본문
https://google.com/#q=import%2Fno-webpack-loader-syntax Unexpected '!' in 'expose-loader?$!expose-loader?jQuery!j query'. Do not use import syntax to configure webpack loaders위와 같은
위와 같은 코드에러가 났을 때!
eslint 때문에...!!!!
삽질을 몇 시간동안 한듯
다시 호흡 가다듬고 jquery 설치부터
1. 먼저 jquery를 install 해준다.
npm install jquery --save
2. build/webpack.base.conf.js 파일에 plugins 추가
module.exports = { plugins: [ new webpack.ProvidePlugin({ $: 'jquery', jquery: 'jquery', 'window.jQuery': 'jquery', jQuery: 'jquery' }) ] ... }
3. 그리고 webpack.base.conf.js 파일(2번과 같은 파일) 최상단에 webpack 적어두고,
const webpack = require('webpack')
4. 만약 eslint 사용하고 있으면 최상위루트의 .eslintrc.js 파일에 globals 붙여넣기
module.exports = { globals: { "$": true, "jQuery": true }, ...
위 솔루션은
https://maketips.net/tip/223/how-to-include-jquery-into-vuejs 여기 참고하여 해결함ㅠㅠㅠ
'Programming > Vue.js' 카테고리의 다른 글
[vue.js] Eventbus 만들기 (0) | 2018.10.22 |
---|---|
[Vue.js] 페이징 로직 (0) | 2018.10.22 |
[Vue.js] promise 사용하기 (0) | 2018.09.20 |
[Vue.js] class를 만들어 vue객체 사용하기 (0) | 2018.09.20 |
[Vue.js] mixin 전역 등록하기 (0) | 2018.09.20 |
[vue] img src data binding (0) | 2018.09.07 |
vue.js radio button 토글 이벤트 걸기 (0) | 2018.07.12 |
vue.js axios로 데이터 가져와서 이벤트 걸기 (0) | 2018.07.10 |