Я новичок в реакции. Я использую веб-пакет с загрузчиком babel в своем приложении реакции.
Мой проект работал нормально, пока я не сменил машину. Я скопировал все файлы, кроме node_modules (установил его сnpm install)
, когда я пытался запустить или построить проект, он выдает ошибку при правильном запуске на старой машине
import React from 'react';
import ReactDOM from 'react-dom';
import App from './app.js';
import {HashRouter,Route,Switch} from 'react-router-dom';
import '../node_modules/bootstrap/dist/css/bootstrap.css'
ReactDOM.render(
<HashRouter>
<App />
</HashRouter>
, document.getElementById('app'));
Rs-MacBook-Pro: запуск внутри $ npm
* 10101 *boilerplate-intranet@1.0.0 start / Пользователи / rd / Documents / intra webpack-dev-server --open --mode development
ℹ ｢wds｣: Проект выполняется в http://localhost:8080/ ℹ ｢wds｣: выходные данные webpack передаются из / ℹ ｢wds｣:Содержимое, не входящее в веб-пакет, подается из / Users / rd / Documents / intra / public. ｢｢ Wds ｣: 404s перейдет на /index.html｢ ｢wdm｣: дождаться завершения пакета: / ✖ ｢wdm｣: Хэш: 53cc551e031b5ed39d70 Версия: webpack 4.19.1 Время: 3596мс Построен в: 2018-09-21 12:44:47 Размер актива Имя чанкаs bundle.js 836 КиБ main [испущено] main Entrypoint main = bundle.js [./node_modules/ansi-html/index.js] 4.16 KiB {main} [встроенный] [./node_modules/ansi-regex/index.js] 135 байт {main} [встроенный] [./node_modules/loglevel/lib/loglevel.js] 7,68 КиБ {основной} [встроенный] [./node_modules/punycode/punycode.js] 14,3 КиБ {основной} [встроенный] [./node_modules/url/url.js] 22,8 КБ {основной} [встроенный] [0] мульти (веб-пакет) -dev-сервер / клиент? http://localhost:8080 ./src/index.js 40 байт {основной}[встроенный] [./node_modules/sockjs-client/dist/sockjs.js] 177 КиБ {основной} [встроенный] [./node_modules/strip-ansi/index.js] 161 байт {основной} [встроенный] [./node_modules / url / util.js] 314 байт {основной} [встроенный] [./node_modules/webpack-dev-server/client/index.js?http://localhost:8080] (webpack) -dev-сервер / клиент? http://localhost:8080 7,78 КиБ {основной} [встроенный] [./node_modules/webpack-dev-server/client/overlay.js] (веб-пакет) -dev-сервер / клиент / overlay.js 3,58 КиБ {основной} [встроенный] [./node_modules/webpack-dev-server/client/socket.js] (webpack) -dev-server / client / socket.js 1,05 КиБ {main} [built] [./node_modules/webpack/hot sync ^. / log $] (веб-пакет) / нерекурсивная горячая синхронизация ^. / log $ 170 байт {основной} [встроенный] [./node_modules/webpack/hot/emitter.js](webpack) /hot/emitter.js 75 байт {main} [встроенный] [./src/index.js] 761 байт {main} [встроенный] [сбой] [1 ошибка] + 11 скрытых модулей
ОШИБКА в ./src/index.js Ошибка сборки модуля (из ./node_modules/babel-loader/lib/index.js): SyntaxError: Неожиданный токен (9: 4)
7 |8 |ReactDOM.render (
9 | | ^ 10 | 11 | 12 |
@ multi (webpack) -dev-сервер / клиент? http://localhost:8080./src/index.js main 1 ℹ ｢wdm｣: Не удалось скомпилировать.