Не могу импортировать Highcharts(Библиотека, позволяющая внедрять графики на сайт)
Серфил интернет, увидел, что надо добавить "type":"module" в package.json, добавил - не помогло.
Вот мой код:
import Highcharts from 'highcharts.js'
// Создаем график
const chart = Highcharts.chart('container', {
chart: {
type: 'bar'
},
title: {
text: 'Fruit Consumption'
},
xAxis: {
categories: ['Apples', 'Bananas', 'Oranges']
},
yAxis: {
title: {
text: 'Fruit eaten'
}
},
series: [{
name: 'Jane',
data: [1, 0, 4]
}, {
name: 'John',
data: [5, 7, 3]
}]
});<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="style.css">
<title>ТЗ #2</title>
</head>
<body>
<div class="wrapper">
<table class="table">
<thead class="table__head">
<td>
<span class="table__title">Общая статистика</span>
</td>
<td colspan="2" align="right">
<img src="./images/refresh-page-arrow-button_icon-icons.com_53909.ico" class="table__refresh"></img>
<img src="./images/settings-cogwheel-button_icon-icons.com_72559.ico" class="table__settings"></img>
<img src="./images/ic-cancel_97589.ico" class="table__close"></img>
</td>
</thead>
<tbody class="table__body">
<tr>
<th>Показатель</th>
<th>Текущий день</th>
<th>Вчера</th>
</tr>
<tr>
<td>Выручка, руб</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td colspan="3">
<div id="container" style="width:100%; height:400px;"></div>
</td>
</tr>
<tr>
<td>Наличные</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td>Безналичный расчет</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td>Средний чек, руб</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td>Средний чек, гость</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td>Удаления из чека<br>(после оплаты), руб</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td>Удаления из счета<br>(до оплаты), руб</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td>Количество чеков</td>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td>Количество гостей</td>
<td>0</td>
<td>0</td>
</tr>
</tbody>
</table>
</div>
<script src="script.js"></script>
</body>
</html>