Реакция не определяется при комплектации - PullRequest
Новая
       2

Реакция не определяется при комплектации

0 голосов
/ 26 сентября 2018

Я новичок в TypeScript и подумал, что я поделюсь с ним демонстрацией списка продуктов с сайта ReactJS.Я дошел до этого, но в настоящее время получаю 

external "React":1 Uncaught ReferenceError: React is not defined
    at Object.react (external "React":1)
    at __webpack_require__ (bootstrap:19)
    at Object../src/client/app/index.tsx (index.tsx:1)
    at __webpack_require__ (bootstrap:19)
    at bootstrap:83
    at bootstrap:83

, и я не слишком уверен, почему, если я включаю его в качестве внешнего в мой webpack.config.js, он работает нормально, но я хочу связать его состальная часть src готова для интранет-приложений, которые не имеют доступа к большому плохому миру.

Любая помощь будет принята с благодарностью.

Я импортирую таким образом import * as React from 'react';

Webpack не выдает ошибок

INDEX.TSX 

import * as React from 'react';
var ReactDOM = require('react-dom');

import FilterableProductTable from './components/FilterableProductTable';
import Basket from './components/Basket';

ReactDOM.render(
	<div>
		<FilterableProductTable />
		<Basket />
	</div>,
	document.getElementById('app')
);

1 Ответ

0 голосов
/ 07 марта 2019

У меня тоже была эта проблема.После поиска ошибки в течение дня или около того, я наткнулся на эту страницу.

Перейдя по ссылке, предоставленной octavioccl в комментариях - (http://www.typescriptlang.org/docs/handbook/react-&-webpack.html).

Клянусь, я читал эту страницу около десятка раз или около того, и примерно пытался следовать ей, пока я былпреобразование моего проекта в TypeScript. В любом случае, что мне помогло в этом разделе:

"Нам также понадобится страница для отображения нашего компонента Hello. Создайте файл в корне proj с именем index.html с помощьюследующее содержимое: "

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>Hello React!</title>
    </head>
    <body>
        <div id="example"></div>

        <!-- Dependencies -->
        <script src="./node_modules/react/umd/react.development.js"></script>
        <script src="./node_modules/react-dom/umd/react-dom.development.js"></script>

        <!-- Main -->
        <script src="./dist/bundle.js"></script>
    </body>
</html>

" Обратите внимание, что мы включаем файлы из узлов node_modules. Пакеты React и React-DOM npm включают в себя автономные файлы .js, которые вы можете включить в веб-страницу, и мы 'ссылаются на них напрямую, чтобы ускорить процесс. Не стесняйтесь копировать эти файлы в другой каталог или, в качестве альтернативы, размещать их в сети доставки контента (CDN). Facebook делает доступными версии React, размещенные на CDN ... "

Я добавил зависимости в свой файл index.html, и он решил эту проблему.

Надеюсь, это поможет кому-то еще, кто споткнетсясс это.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...