- 현상 : moudle parse error: unexpected tocken you may need an appropriate loader to handle this file type
- 원인 : webpack 에서 'vue3-chart-v2' 를 사용하려는데 'Basechart.js' 의 loader가 잘못되었다고함
호환성 문제인데... BaseChart.js 의 loader를 babel-loader로 설정해주면 된다.
- 해결 :
vue.config.js 편집 (상황에따라서 babel.config/webpack.config 와 같이 알맞은 config 파일을 편집하면 될 듯)
"rules" 에 아래 소스 추가
module: {
rules: [{
test: /@?(BaseChart).*\.(ts|js)x?$/,
loader: 'babel-loader'
}]
}
참고:
github.com/akveo/react-native-ui-kitten/issues/991
'Front End' 카테고리의 다른 글
[Web Authentication] 웹 개발 시 어떤 인증방법을 선택해야 할까? (0) | 2021.01.22 |
---|---|
[Vue.js] Vue-Cli 3/4 에서 BootStrap 설치 방법 (0) | 2021.01.12 |
[Vue.js] Vue3 에서 컴포넌트간 통신하기 (mitt) (0) | 2021.01.06 |
[Vue.js] Vue-Cli 에서 정적 json/geojson 파일을 읽는법 / Vue-Cli + Openlayers + geojson (0) | 2021.01.04 |
[Vue.js] Error: Rule can only have one resource source (provided resource and test + include + exclude) (1) | 2020.12.18 |