在 WebPack 中做出反应
React in WebPack
本文关键字:WebPack 更新时间:2023-09-26
我通过WebPack加入JS文件。在配置中引入了所有文件。
entry: ['./file1', './file2', 'react', 'react-dom']
React 和 React-dom 通过 npm 下载。如果在文件中我调用 React,则返回错误:
ReferenceError: React is not defined
但是如果我写
import {React} from 'react';
返回错误
TypeError: _react.React is undefined
我做错了什么?
它应该是这样的,
import React from 'react';
import ReactDOM from 'react-dom';
ReactDOM.render(...);
React 默认导出,因此无需使用命名导入导入它。
这是错误的:
import {React} from 'react';
这是正确的:
import React from 'react';
阅读有关 ES6 模块导出的信息:http://exploringjs.com/es6/ch_modules.html
相关文章:
- 如何使用url加载程序在webpack中导入多个图像
- Webpack/Rect:遵循egghead.io教程,但出现错误:您可能需要一个合适的加载程序来处理此文件类型
- Webpack开发服务器和React服务器端渲染
- 让Webpack管理Quirky AMD定义的最佳方式
- 什么'在webpack外部设置中,reactDom和reactDom不同
- webpack代码拆分了handlerbs文件——结果是文件很大
- 将webpack和babel与父项目目录中的文件一起使用
- React, Webpack: bundle.js is not generated
- Webpack UglifyJS仍在发出警告消息
- 将require('..')与变量一起使用与在webpack中使用字符串相比
- webpack开发模式和生产构建模式之间有什么区别
- index.html使用webpack开发服务器未重新加载
- 如何在Webpack中从导出中排除供应商模块peerDependencies
- 如何在使用webpack时不解决需求
- 通过Webpack导入模块中的图像
- 使用提取文本webpack插件时出现意外字符
- 如何在不使用require语句的情况下使用webpack加载目录中的所有文件
- 如何使用webpack将全局JS文件包含到我的React项目中
- Webpack-无法使用$.getScript加载bundle.js
- 有没有办法在Node/Webpack中预先准备外部JS工具