第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題，去搜搜看，總會(huì)有你想問的

reactjs錯(cuò)誤未捕獲的ReferenceError：未定義要求

reactjs錯(cuò)誤未捕獲的ReferenceError：未定義要求

絕地?zé)o雙 2022-06-09 18:57:18
我正在.Net Core 框架中創(chuàng)建 reactJS。我在我的 .net 應(yīng)用程序中使用 ReactJS 作為 CDN，而我的 React 應(yīng)用程序拋出一個(gè)錯(cuò)誤：require is not defined。我在下面附上我的代碼：var React = require('react');var ReactDOM = require('react-dom');var ReactBsTable = require('react-bootstrap-table');var BootstrapTable = ReactBsTable.BootstrapTable;var TableHeaderColumn = ReactBsTable.TableHeaderColumn;var products = [{    id: 1,    name: "Product1",    price: 120}, {    id: 2,    name: "Product2",    price: 80}];ReactDOM.render(    <BootstrapTable data={products} version='4'>        <TableHeaderColumn isKey dataField='id'>Product ID</TableHeaderColumn>        <TableHeaderColumn dataField='name'>Product Name</TableHeaderColumn>        <TableHeaderColumn dataField='price'>Product Price</TableHeaderColumn>    </BootstrapTable>, document.getElementById('content'));
查看完整描述

2 回答

?
慕尼黑8549860

TA貢獻(xiàn)1818條經(jīng)驗(yàn) 獲得超11個(gè)贊

請(qǐng)?jiān)囋囘@個(gè)，


您正在使用 cdn 的主 html 文件添加此。


<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>

<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>

<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>

<script type="text/babel"></script>


<!-- Load our React component. -->

<script src="new_component.js"></script>


<!-- ... existing HTML ... -->


<div id="new_component_container"></div>


<!-- ... existing HTML ... -->

在組件文件中執(zhí)行此操作，


import ReactBsTable from  'react-bootstrap-table';

var BootstrapTable = ReactBsTable.BootstrapTable;

var TableHeaderColumn = ReactBsTable.TableHeaderColumn;


var products = [{

    id: 1,

    name: "Product1",

    price: 120

}, {

    id: 2,

    name: "Product2",

    price: 80

}];


const domContainer = document.querySelector('#new_component_container');

ReactDOM.render(

  <BootstrapTable data={products} version='4'>

    <TableHeaderColumn isKey dataField='id'>Product ID</TableHeaderColumn>

    <TableHeaderColumn dataField='name'>Product Name</TableHeaderColumn>

    <TableHeaderColumn dataField='price'>Product Price</TableHeaderColumn>

  </BootstrapTable>, 

domContainer);

對(duì)于反應(yīng)引導(dǎo)表，import僅在安裝庫(kù)時(shí)使用。同樣，如果您也為此使用cdn，那么import將無法正常工作。


有關(guān) react cdn 的更多信息，請(qǐng)查看此內(nèi)容。


https://reactjs.org/docs/add-react-to-a-website.html


查看完整回答
反對(duì) 回復(fù) 2022-06-09
?
慕沐林林

TA貢獻(xiàn)2016條經(jīng)驗(yàn) 獲得超9個(gè)贊

嘗試使用 ES6import而不是require


即，嘗試


import React from 'react';

import ReactDOM from 'react-dom';

import ReactBsTable from 'react-bootstrap-table';

因?yàn)閞equire不是內(nèi)置的 react api。您需要安裝額外的庫(kù)以require在反應(yīng)中使用。CommonJs 為模塊加載器提供 api，例如require


查看完整回答
反對(duì) 回復(fù) 2022-06-09
  • 2 回答
  • 0 關(guān)注
  • 287 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)