Я наткнулся на проект, который показался мне интересным.
https://codesandbox.io/s/bar-chart-race-eop0s?file=/src/index.js
Я загрузил файлы.
Мне нужно, чтобы зависимости были включены, как я вижу в файле пакета json:
{
name: bar-chart-race-starter,
version: 1.0.0,
description:,
main: index.html,
scripts: {< br /> start: parcel index.html --open,
build: parcel build index.html
},
зависимости: {
@ types / d3: 5.7.2,
d3: 5.15.0
},
devDependencies: {
@ babel / core: 7.2.0,
parcel-bundler: ^ 1.6.1
},
ключевые слова: []
}
Я получил зависимости.
‹Скрипт src = https: //d3js.org/d3-axis.v1.min.js› ‹/script›
‹скрипт src = https: //d3js.org/d3.v5.min.js› ‹/Script›
Я засунул их в index.html
Я сохранил index.html
Я пытаюсь запустить его через браузер:
Uncaught SyntaxError: объявления импорта могут появляться только на верхнем уровне модуля
В папке src есть index.js webconsole complains at this line: import "./styles.css";
даже если я использую обходной путь и включу файл styles.css в страницу html через
‹Ссылка rel = styleheet type = text / css href = ./src› /Styles.css / ›
затем он плачет о import { generateDataSets } from "./dataGenerator";
, которая является строкой 2 index.js
Я делаю что-то не так, реализуя локальную версию этого проекта.
Может ли кто-нибудь указать, в чем я ошибаюсь?
Это должно быть намного проще.
Помощь Пожалуйста, загрузите локальную версию, включая зависимости проекта codeandbox.io.