未捕获的ReferenceError: require在React.js中没有定义
Uncaught ReferenceError: require is not defined React.js
我在我的React代码中编写以下内容:
var React = require('react');
我遵循教程点的React设置。我安装了所有的东西在/Desktop/reactApp/。React代码是从/GitProjects/DjangoProjects/MyProj/MyApp/static/react/dashboard.js
运行的。我一直得到错误Uncaught ReferenceError
。我错过什么了吗?
注意:HTML文件在/GitProjects/DjangoProjects/MyProj/MyApp/templates/dashboard.html
是调用我的dashboard.js代码。
听起来你想在HTML中包含一个文件dashboard.js
。
如果这个文件包含像require('react');
这样的代码,那么这意味着你需要首先使用构建工具编译它,该工具将实际找到react
并将其与你自己的代码捆绑在一起。
如果你链接的教程,使用的构建工具是webpack
。你的HTML应该包括webpack生成的文件(index.js
,或者webpack配置中output
部分的任何文件),而不是单独的dashboard.js
。
webpack.config.js
var config = {
entry: './main.js', # the main code of your app that require()s other files
output: {
path:'./',
filename: 'index.js', # the file you should be including in HTML
},
相关文章:
- react.js中的密钥绑定
- 如何在react js中将值从一个组件发送到另一个组件
- 如何在react js中从一个页面导航到另一个页面
- 为什么我的点击事件没有使用 react js 触发
- 如何在react js中移动第二个组件
- 如何在react js中设置按钮点击的值
- React js更改状态不会更新组件
- React JS:未捕获(在承诺中)语法错误:在位置 0 的 JSON 中意外<令牌
- 渲染”;a“;React.js中的可选href
- React, Webpack: bundle.js is not generated
- 当浏览器位置更改时重新渲染React.js
- React.js如何从js文件中获取数组
- 如何让React JS点击处理程序在执行时更新DOM
- 如何删除父表行时;删除“;在React JS中单击按钮
- 如何使用React JS中的循环,根据条件渲染或不渲染表数据
- 与React Native的Chart.js等效
- React.js-React路由器内容未更改
- immutable.js,react.js setState清除对象的原型
- Node.js React:Can't添加属性上下文,对象不可扩展
- JS: React和全局命名空间污染