experienced programmer for Vuecharts programmer

I am having issues with my project I need immediate help.

The error message is:

vuechart\src\components\Charts.vue: Unexpected token (87:17)



85 | import HorizontalBarExample from './HorizontalBarExample'

86 | import CustomLine from './CustomExample'

> 87 | import axio from axio

| ^

88 |

89 | export default {

90 | components: {





@ ./src/components/Charts.vue?vue&type=script&lang=js& 1:0-275 1:291-294 1:296-568 1:296-568

@ ./src/components/Charts.vue

@ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=script&lang=js&

@ ./src/App.vue?vue&type=script&lang=js&

@ ./src/App.vue

@ ./src/main.js

@ multi (webpack)-dev-server/client?http://192.168.0.151:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js







I tried to remove the import of “axio” which wasn’t referenced anywhere in the file anyway but it still failed to compile.



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.



5 | <bar-example/>

6 | </div>

7 | <script src="//samples.openweathermap.org/data/2.5/forecast" ></script>

| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

8 | <script src="charts.vue"></script>

| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^