..@emotion/cache/node_modules/stylis/dist/stylis.umd.js : Error [ERR_REQUIRE_ESM]：必须使用import加载ES模块: Nextjs emotionjs和vercel: Error[vercel]：必须使用import加载ES模块:Nextjs
问题1：..@emotion/cache/node_modules/stylis/dist/stylis.umd.js : Error [ERR_REQUIRE_ESM]：必须使用import加载ES模块: Nextjs emotionjs和vercel: Error[vercel]：必须使用import加载ES模块:Nextjs
回答1：这个错误提示是由于在使用Next.js、emotion.js和Vercel时，尝试加载ES模块时使用了错误的语法。正确的做法是使用import语句来加载ES模块。
Next.js是一个流行的React框架，用于构建服务器渲染的React应用程序。它提供了许多开箱即用的功能，如路由、代码分割和服务器端渲染。emotion.js是一个用于处理CSS-in-JS的库，它提供了一种将CSS样式直接嵌入到JavaScript代码中的方式。Vercel是一个用于部署和托管静态网站和服务器端应用程序的云平台。
推荐的解决方法是使用import语句来加载相关的ES模块。具体的代码示例如下：
import stylis from '@emotion/cache/node_modules/stylis/dist/stylis.umd.js';请注意，这只是一个示例，具体的导入路径可能会根据项目的实际情况而有所不同。如果问题仍然存在，建议检查相关模块的版本兼容性，并确保正确安装和配置了相关依赖。
腾讯云提供了一系列与云计算相关的产品和服务，包括云服务器、云数据库、云存储、人工智能等。您可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多信息，并查找适合您需求的产品和服务。
注意：本回答中没有提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的云计算品牌商，以遵守问题要求。
相关·内容
1回答
以下是部署时的消息。复制此错误的代码：http://github.com/jojonicho/next-apollo-codegen ?
浏览 23提问于2020-06-23得票数 4
回答已采纳
2回答
基于Vercel模块错误的Nuxt3 / threejs+troisjs部署
vue.js、three.js、nuxt.js
/three/examples/jsm/controls/OrbitControls.js\nrequire()”：“Error ERR_REQUIRE_ESM:必须使用导入来加载ES模块:不支持ES模块的\nrequire()”：“必须使用导入来加载ES模块:不支持ES
浏览 11提问于2021-12-06得票数 2
1回答
在next.config.js中支持ESM
javascript、node.js、next.js
我正在对nextjs项目进行一些优化，并且需要在type: 'module'文件中使用package.json。但却得到了错误
import { Row, Col } from 'antd'im
浏览 1提问于2021-08-24得票数 10
1回答
Vercel cli构建失败，错误为"Type :无法找到模块'Formik‘或其相应的类型声明“。
typescript、formik、vercel
当我运行"npx vercel“(我在Windows上)时，我得到的错误是：在tsconfig.json compilerOptions.target中从"ESNext“变为"ES2015”和"ES5“。Vercel在构建时将其更改为"ESNext"."Vercel对其进行更改，以便排除anyways.Over
浏览 1提问于2021-04-20得票数 0
1回答
必须使用导入加载ES模块：...\node_modules\got\dist\source\index.js
node.js、typescript、node.js-got
["es2017", "es7", "es6", "dom"], "outDir": "dist", }, "node_mo
浏览 15提问于2022-02-22得票数 2
2回答
“不支持ES模块的要求()”。Node.js、express、swagger-jsdoc出错
javascript、node.js、express、ecmascript-6、swagger
description": "", "scripts": { "test": "echo \"Error/cjs/加载程序:1108抛出新的ERR_REQUIRE_ESM(文件名、parentPath、packageJsonPath)；
浏览 5提问于2021-03-06得票数 17
回答已采纳
1回答
在Javascript中解决导入错误的困难
javascript、module、xstate
我是JavaScript和vscode的新手，设置它比我在工作中使用的任何其他语言都要困难。当我运行代码(在Test.js中)时： console.log(msg);我得到一个错误，说我必须使用导入来加载ES模块。任何帮助和可读的资源都是值得感谢的
浏览 19提问于2020-02-08得票数 1
1回答
从CommonJS TypeScript导入es模块文件
javascript、node.js、typescript、commonjs
esModuleInteropt和allowSyntheticDefaultImports都设置为true。我尝试使用import ... from、import(...).then()、import ... = require(...)\node_modules\stringify-object\index.js Error ERR_REQUIRE_ESM:必须使用导入加载ES<
浏览 2提问于2021-09-28得票数 3
回答已采纳
1回答
我怎样才能让我的“假ESM”下12个项目使用本地ESM？
next.js、es6-modules
我有一个运行良好的Next.js version 11站点，它使用Babel/webpack来获得现代的"ES模块“语法:我整个应用程序中唯一的require/CommonJS语法是next.config.js和babel.config.js。使用Common导入babel.config.js
Error ERR_REQUIRE_ESM:必须使用导入来加载ES
浏览 11提问于2022-01-06得票数 1
回答已采纳
1回答
angular2 -找不到浏览器，核心
angular、systemjs
由于ng2-bs3-modal和它加载的js文件(如modal.js、modal-header.js)在默认情况下不接受.js作为其扩展名，因此我必须使用deafultJsExtension: true为了防止根据同一线程发生的角度错误( angular正在浏览器中再次加载它的模块)，我在加载systemjs之后直接包含了system.config，而不是在加载angularjs之后编写它。<script src="node_modules</e
浏览 4提问于2016-03-25得票数 1
3回答
Typescript编译为单个文件
javascript、typescript
我使用的是TS 1.7，我正在尝试将我的项目编译成一个大文件，我将能够将其包含在我的html文件中。package.json我的tsconfig文件是： "compilerOptions": { "target": "ES5我的每个TS文件看起来都有点像这样
import {blabla} from "../..
浏览 2提问于2015-12-27得票数 84
回答已采纳
3回答
next.js为NextJs设置ESLint
reactjs、eslint、next.js
我使用“next next”创建了基本的next.js应用程序，并创建了用于添加eslint rules.but的.eslintrc.json文件，而不是向nextjs配置添加linting规则的working.how{ "browser": true, }, "standard
浏览 2提问于2019-10-04得票数 19
回答已采纳
6回答
节点--实验性模块，请求模块不提供名为
node.js、node-modules
我试图在带有.mjs的文件中使用从npm包中的命名导入我跑：
--experimental-modules应该是，那么为什么没有更多的模块作者加入其中
浏览 7提问于2017-11-14得票数 61
回答已采纳
1回答
无法在模块外使用导入语句、类型记录、WebdriverIO
javascript、node.js、typescript、webdriver-io
但是，当所有导入都在运行时，我将得到以下错误：
如果我试图在wdio.conf文件的顶部执行导入语句，就会在import WebdriverTestrailsReporterERR_REQUIRE_ESM:必须使用导入加载ES模块:不支持ES模块的 require()。文件定义为ES模块。相反，将wdio.co
浏览 4提问于2021-06-16得票数 3
1回答
SystemJS在Angular2中的需求是什么？
javascript、angular、systemjs
我是一个完全初学者角和Angular2。我对工作流的结构感到困惑。我一直在查看，它存在于Angular2站点中。现在，如果我使用ES6导入语句将javascript文件导入到类型记录中，如下所示：为什么我再次需要使用SystemJS来加载它们-: // our app is within the app folder
浏览 3提问于2016-11-18得票数 55
16回答
如何修复Next.js Vercel部署模块未找到错误
reactjs、npm、next.js、vercel
我的next.js应用程序在我的机器上工作，在Vercel上部署时也能工作，但是现在它在Vercel上构建时失败了，有以下错误：tdwcks@1.0.0 build /vercel/5 5ccaedc9 9 20:43:24.926内部/模块//构建/输出/日志”20
浏览 18提问于2020-06-14得票数 24
回答已采纳
12回答
错误[ERR_REQUIRE_ESM]：如何在节点12中使用es6模块？
javascript、node.js、import、es6-modules
在中，Node 12应该支持es6模块；但是，我只是不断地得到错误：{ "version": "1.0.0", "main": "src/index
浏览 0提问于2019-07-23得票数 65
39回答
反应18:水化失败是因为初始UI与服务器上呈现的不匹配
reactjs
现场演示代码是// App.js {this.body()} )}// index.js
importReact from "rea
浏览 318提问于2022-04-01得票数 107
回答已采纳
11回答
Next.js全局CSS不能从自定义<App>以外的文件中导入
css、reactjs、import、sass、next.js
我的React运行良好，同时也使用了全球CSS。import Navbar from './Navbar';import '..withSass = require('@zeit/next-sass') cssModules: true我的main.scss文件
@import</em
浏览 9提问于2020-03-31得票数 45
回答已采纳
1回答
Webpack +打字稿:获得模块分析失败-为什么？
javascript、typescript、webpack
我正在用打字稿和Webpack建立一个击倒‘m项目，我遇到了一个非常奇怪的问题。import esPlayerVM from "./components/es-player";
import esPlayerTemplate from ".我在googled上搜索过，而其他人在输出es2016代码时得到了这个结果，所以他们必须将其传递给babel，但是我正在使用e
浏览 4提问于2017-04-05得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
