Как исправить эту ошибку?

Question

[justifycontent]

1. Хочу внедрить график на страницу, используя библиотеку Highcharts
2. При импорте: import Highcharts from 'highcharts' вылетает ошибка: "Uncaught SyntaxError: Cannot use import statement outside a module"
В чем может быть проблема?
Покопался в инете, увидел что надо добавить строчку "type": "module" в package.json, я добавил, но это не помогло.

import Highcharts from 'highcharts'
// Создаем график

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]
    }]
});

Comments

[Denis Masson]

Код всех ваших импортов и require дайте)

[justifycontent]

Denis Masson,

import Highcharts from 'highcharts'
// Создаем график

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]
    }]
});

Answer 1

[Denis Masson]

Пробуйте
const Highcharts = require('highcharts');

Comments

[justifycontent]

script.js:1 Uncaught ReferenceError: require is not defined

[justifycontent]

А почему import не работает?

[Denis Masson]

А Вы подключили на Вашей HTML странице саму библиотеку то?

<script src="https://code.highcharts.com/highcharts.js"></script>

[justifycontent]

Denis Masson, Я через npm установил ее

[Denis Masson]

justifycontent, https://www.highcharts.com/docs/getting-started/in...
Если вы не убрали "type": "module" из package.json, то самое время

[justifycontent]

Denis Masson, Я уже убрал

Answer 2

[Alex]

Ошибка говорит вам "Вы пытаетесь использовать import но вы не находитесь в модуле JS".

надо добавить строчку "type": "module" в package.json

Это превращает все файлы в "модули" для Node.JS среды исполнения. Но если вы пытаетесь запустить этот код в браузере, то этот параметр ничего не даст. Чтобы ваш код был модулем, вы должны в тег <script> добаивть атрибут type: <script type="module">. Теперь весь код в этом теге (и всё что он импортирует) будет считаться модулем.

https://github.com/highcharts/highcharts#load-high...