使用swiperjs React时出错-‘请求的模块'react’应为CommonJS`类型
问题描述： 使用swiperjs React时出错-‘请求的模块'react’应为CommonJS`类型
回答： 这个错误是由于在使用swiperjs React时，模块系统不支持ES模块导入的方式导致的。解决这个问题的方法是将React模块以CommonJS的方式导入。
在React中，可以使用以下两种方式导入React模块：
- 使用ES模块导入方式：
import React from 'react';- 使用CommonJS导入方式：
const React = require('react');在使用swiperjs React时，由于模块系统不支持ES模块导入方式，因此需要将导入方式改为CommonJS导入方式。修改后的代码如下：
const React = require('react');这样就可以解决该错误。
关于swiperjs的更多信息和使用方法，可以参考腾讯云的相关产品和文档：
请注意，以上答案仅供参考，具体解决方法可能因具体情况而异。如果问题仍然存在，请参考相关文档或向相关技术社区寻求帮助。
相关·内容
1回答
使用swiperjs React时出错-‘请求的模块'react’应为CommonJS`类型
javascript、reactjs、commonjs、swiperjs
我正在构建一个React应用程序。我对React和JS都是新手。我尝试将swiperjs库导入到现有的React项目中： import React, { Component } from "react";SyntaxError: The requested module 'react' is expected to be of type CommonJ
浏览 140提问于2021-09-16得票数 0
2回答
使用ES6 ` `import`‘语法时“无法解析符号”
javascript、ecmascript-6、phpstorm、webstorm、commonjs
给出了如何从模块导入某些类的示例：但是，PhpStorm (最新的EAP)给了我一个错误：我用npm install react-modal-dialog安装了这个包，它存在于node_modules中。等效的var {ModalContainer, ModalDialog} = require('react<
浏览 5提问于2016-03-02得票数 11
1回答
SyntaxError:所请求的模块“react”应该是CommonJS类型的，它不支持命名导出。
javascript、reactjs、next.js、reactstrap
SyntaxError:请求的模块“react”应该是CommonJS类型，它不支持命名导出。可以通过导入默认导出来导入CommonJS模块。例如:从“react Popper”进口pkg；const { Manager，Popper，Reference }= pkg；
为下一个js应用程序获取此错误，我的节点版本为14.6.0，但它在其他服务器上运行良好
浏览 4提问于2022-03-06得票数 0
3回答
将nextjs升级到版本12时，应对钩子表单生成问题。
next.js、react-hook-form
当我将nextjs升级到version 12并运行yarn dev时，在react钩子表单库中出现了一个问题：
SyntaxError:未找到导出“set”。请求的模块react-hook-form是一个CommonJS模块，它可能不支持作为命名导出的所有module.exports。CommonJS模块总是可以通过默认导出导入，例如使用.
浏览 4提问于2021-11-01得票数 23
回答已采纳
2回答
使用类型记录和模块css响应库
reactjs、typescript
如何看上去像大胆的项目反应库与类型记录和模块css？当我构建项目时，我会出错import typescript from 'rollup-plugin-typescript2'
import commonjs from 'rollup-plugi
浏览 13提问于2020-03-28得票数 1
6回答
React.createElement: type无效--需要字符串(用于内置组件)或类/函数(用于组合组件)，但是
javascript、reactjs、ecmascript-6、export、commonjs
期望的我得到以下错误
const React = requireReact = require('react');
export default class App extends React</em
浏览 0提问于2017-05-14得票数 21
回答已采纳
1回答
问题是Firebase中的GRPC调用不正确，因此我们需要直接编辑node_modules。你能帮我解决这个问题吗？SyntaxError:请求的模块‘@grpc/grpc’应该是CommonJS类型，它不支持命名导出。可以通过导入默认导出来导入CommonJS模块。"dependencies": {
"au
浏览 10提问于2021-12-05得票数 2
回答已采纳
1回答
为什么有些进口是资本化的，但有些却没有？
javascript、reactjs
我刚刚学习了一个关于Axios的教程，我注意到在这个教程中，他们以axios的形式导入它，但是当它们导入React时，它是React。为什么一些进口产品被资本化了？有技术原因吗？
浏览 0提问于2021-10-31得票数 1
回答已采纳
1回答
为什么环境声明使用命名空间和模块？
module、typescript
我注意到很多环境声明文件都是declare --一个namespace和一个仅仅导出名称空间的module，通常使用一些我并不真正理解的体操。例如，在中可以看到以下内容： export = __React;
为什么同时使用</e
浏览 5提问于2016-02-23得票数 5
回答已采纳
1回答
将karma.js配置为使用react和ES6
javascript、reactjs、karma-runner、ecmascript-6、yeoman-generator
我试图用ES6开发一个react模块，但是找不到相应的生成器，所以我不得不用一个基本的生成器来实现它。我可以配置几乎所有的东西，但我有很多问题，试图配置业力，以测试我的模块。/node_modules/react/react.js:1
如果从文件部分删除react，则会得到另一个错误。/node_modules/karma-commonjs/client&#
浏览 10提问于2015-03-17得票数 7
回答已采纳
3回答
未定义require
reactjs、requirejs
我正在构建一个新的React应用程序，但收到以下错误- "require is not defined“<!</title> <script src="react/react-dom.js"></scr
浏览 3提问于2016-04-18得票数 29
10回答
找不到模块:无法解析“swiper/react”
reactjs、swiper、swiperjs
我在最新版本的Swiper上也遇到了同样的问题。它在我之前的项目中起作用了，但现在不起作用。甚至不是那个版本。在最新版本上也试过了。import { Swiper, SwiperSlide } from "swiper/react";
);
expo
浏览 290提问于2021-09-16得票数 25
3回答
创建类型记录+ React公共库
node.js、reactjs、typescript、webpack
我试图创建一个公共的React和类型记录公共库，但是为了同时开发库和应用程序，我在配置项目工作区时遇到了太多困难。在此配置下，应用程序不使用以下内容进行编译：
..一些谷歌建议我应该从node_modules in libA中删除react类型，但这会破坏开发过程的便利性，因为libA不会编译。skipLibCheck，，因为类型是我开始喜欢打字本的原因.假设我做了完全错误的事情是安全<em
浏览 0提问于2019-03-22得票数 1
1回答
无法找到模块“响应-引导”的模块，而不是通用模块。
reactjs、typescript、twitter-bootstrap、react-bootstrap
我在类型记录中使用React，但不能与commonjs以外的模块一起使用React。我首先安装了react-bootstrap包：然后编写使用它的代码，例如，import { Button } from，我发现react-bootstrap有自己<e
浏览 4提问于2020-07-04得票数 2
1回答
忽略webpack中的一些已安装的软件包
javascript、reactjs、webpack、package.json、storybook
我的webpack配置使用下面的很好地工作 "peerDependencies": { "react-dom": "16.13.1",": { },但是，当我将react-three-fiber添加到devDepedencies ()中
浏览 4提问于2021-03-15得票数 0
回答已采纳
2回答
用babel变换gulp中的打字本ES6
typescript、gulp、ecmascript-6、babeljs
我想使用babel从类型记录中转换ES6输出，并使用以下语法：var ts = require('gulp-typescript');function compileTypescript(fileSpec, folder) {
var options = {jsx: 'react', moduleResolution("expres
浏览 2提问于2016-05-19得票数 1
1回答
SyntaxError:节点中出现意外的标记'<‘
node.js、express
我只是尝试在Node中设置SSR，但是当我尝试将React组件导入到服务器中时，我收到以下错误： SyntaxError:意外的标记'<‘ 已尝试在package.json中包含"type": "module这是我的server.js文件： const express = require("express");const path= require("
浏览 16提问于2021-09-03得票数 1
1回答
NPM模块在名称标号项目中的应用
reactjs、typescript、react-redux、typescript-typings、typescript2.0
如果我添加新的ts模块或react组件，那么就没有问题了，我将它包装在名称空间中，如果它在其他名称空间中，则按Class调用它，或者使用名称空间前缀调用它。问题是我不能在导入statement.How中使用外部模块，我可以使用.？因为导入语句正在抛出错误。为了更具体地说明下面的代码，我想使用redux，
当我检查node_moduels文件夹时，我看到@types文件夹是从React引用的<
浏览 1提问于2020-10-07得票数 7
回答已采纳
1回答
无法找到带有自定义声明文件的“反应日期”模块的声明文件。
typescript、typescript-typings
我一直试图为“react”npm模块编写一个自定义声明文件，但无法让编译器将我的声明文件解析为该模块。当我执行import {DateRangePicker} from 'react-dates'时，会得到以下错误：
找不到模块“反应日期”的声明文件。'absolute_path/src/node_modules/react-dates/index.js‘隐式地具
浏览 1提问于2017-02-10得票数 1
2回答
如何在typescript中导入和使用javascript节点模块
typescript、firebase
在我的代码中，我使用了javascript firebase模块。const FirebaseStore = require('connect-session-firebase')(session)
在typescript中导入和使用它的正确方式应该是什么？
浏览 0提问于2019-11-18得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
