由于plotly.js，Next.js纱线构建失败(发生构建错误ReferenceError:未定义自身)
由于plotly.js，Next.js纱线构建失败是由于在构建过程中发生了ReferenceError:未定义自身的错误。
首先，plotly.js是一个用于创建交互式图表的JavaScript图形库，它提供了丰富的数据可视化功能。Next.js是一个用于构建React应用程序的框架，它提供了服务器端渲染(SSR)和静态网站生成(SSG)的功能。
当在Next.js项目中使用plotly.js时，可能会遇到构建失败的问题。这种情况下，一种可能的原因是plotly.js库没有正确导入或引用。
为了解决这个问题，可以尝试以下步骤：
- 确保在项目中正确安装了plotly.js库。可以使用npm或yarn来安装它，例如：npm install plotly.js。
- 在Next.js项目中的页面或组件中，确保正确导入plotly.js库。例如，在需要使用plotly.js的页面或组件中，可以添加以下代码行来导入plotly.js库：
import Plotly from 'plotly.js';- 检查代码中是否正确使用了plotly.js库的函数和方法。确保在使用这些函数和方法之前，plotly.js库已经正确初始化和加载。可以通过在使用plotly.js函数之前添加以下代码行来确保初始化：
Plotly.newPlot(...);- 如果仍然遇到构建错误，可以尝试在Next.js的构建配置中添加plotly.js库的相关配置。根据Next.js的版本和配置方式，可以参考Next.js官方文档来了解如何配置自定义构建设置。
在云计算领域，plotly.js可以应用于各种数据可视化场景，包括统计图表、科学图表、地理图表等。对于基于腾讯云的解决方案，可以考虑使用腾讯云的云服务器、容器服务、对象存储等相关产品。
需要注意的是，以上建议是一般性的解决思路，具体的解决方法可能会因实际情况而异。在解决问题时，建议查阅官方文档、社区论坛或寻求相关技术支持以获取更准确和详细的帮助。
相关·内容
当我尝试使用yarn build命令构建用于生产的Next.js应用程序时，我得到了以下错误。但它在开发服务器上运行良好(当使用yarn dev命令时)。我正在使用react-plotly.js库在这个react应用程序中生成绘图图形。 使用react-plotly库： import Plot from 'react-plotly.js';
return(
<>
<Plot data={[data]} layout={layout} />
</>
) 下面是错误： > Build error occurred
Refe
浏览 27提问于2021-10-13得票数 0
回答已采纳
1回答
我正在尝试用SSR构建一个有角度的应用程序，但是我遇到了plotly.js的问题。下面是我遇到的错误：
C:\Users\x\Desktop\Angularapp\ngseo\dist\server.js:351783
var style = document.getElementById(id)；^
ReferenceError:文档未定义
你知道如何解决这个错误吗？
浏览 0提问于2019-06-19得票数 0
我使用Yarn3.2.1和Lerna 5.6.1运行Next.js 13.0.5。
这里的主要问题似乎是构建工具，因为当我运行Next.js服务器本身(yarn dev)时，一切都很完美。
我犯了什么错误？
Type error: Cannot find module 'next/app' or its corresponding type declarations.
它发生在程序开始的时候
import type { AppProps } from 'next/app'
^
function MyApp({ Compone
浏览 13提问于2022-11-29得票数 0
在我的window Next.js我似乎无法访问的应用程序 未处理的拒绝(ReferenceError)：未定义窗口 componentWillMount() {
console.log('window.innerHeight', window.innerHeight);
} ?
浏览 80提问于2019-03-14得票数 105
回答已采纳
ReferenceError:导入CKEditor时未定义CKEditor。我正在使用next.js。
import { CKEditor } from '@ckeditor/ckeditor5-react';
已安装使用
npm install --save @ckeditor/ckeditor5-react @ckeditor/ckeditor5-build-classic
浏览 1提问于2022-06-17得票数 1
回答已采纳
1回答
我正在尝试在nuxt中设置plotly.js，但是无论我做什么，我都会得到这个神秘的错误 self is not defined 我试图安装plotly.js和plotly.js-dist，同样的错误显示。 我更喜欢定制构建，所以我试着在nuxt插件中这样做： // here we use custom partial bundle
import plotly from 'plotly.js/lib/core';
import barpolar from 'plotly.js/lib/barpolar';
export default function (_
浏览 32提问于2021-08-06得票数 0
我正在尝试在next.js react项目中使用tone.js。当我运行或构建时，我得到了这个错误："ReferenceError: AudioBuffer is not defined“ 我已经将tone.js代码隔离在codesandbox中，它工作得很好。https://codesandbox.io/s/tonejs-react-pink-noise-generator-pfnl0?file=/src/App.js 但不在next.js应用程序中 ReferenceError: AudioBuffer is not defined
at ki (/node_module
浏览 71提问于2021-05-11得票数 2
回答已采纳
1回答
我试图将next.js应用程序通过_middeware文件(./pages/_medileware.ts)中的mongoose连接到mongodb，但在传入请求时会出现以下错误：
错误- (middleware)\node_modules\mongoose\dist\browser.umd.js (1242:0) @ ReferenceError: regeneratorRuntime未定义
我怎么才能修好它？
浏览 5提问于2022-03-19得票数 3
我是Next.js和码头的新手。我想要实现的实际上是用Docker部署一个Next.js项目。我正在创建Dockerfile和docker-come.yml文件的过程中。但是，该项目有一些它在源文件夹之外使用的自定义包(在根级别上)。我的构建步骤失败了，因为它无法解决这些包。
ModuleNotFoundError: Module not found: Error: Can't resolve '@custompackage/themes/src/Simply/containers' in '/opt/app/src/pages'
--这就是导入的样子，
浏览 4提问于2022-10-28得票数 1
回答已采纳
1回答
在打开一个项目之后，我已经很长一段时间没有接触到它了，这个错误发生了。是什么原因导致Next.js不能正确解析包名？目前，它似乎只发生在这一个模块，而不是其他任何事情。
使用纱线2，因此你看到的.zip。
error - unhandledRejection: Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'firebase' imported from C:\...\.next\server\pages\_app.js
Did you mean to import firebase-npm-9.6.2-5174ad75cc
浏览 1提问于2022-01-10得票数 0
我有一个反应本地弹出式应用程序，它为iOS构建良好，但在模块expo图像加载程序的构建过程中失败。我正在执行一个命令，它失败了，输出如下：
在此构建中使用了不推荐的Gradle特性，使其与Gradle 7.0不兼容。使用请参阅
失败:生成失败，出现异常。
发生了什么错误:配置项目':expo-image-loader'.出现了一个问题
未能通知项目评估侦听器。java.lang.IllegalArgumentException (无错误消息)名为“debugAndroidTest”的KotlinJvmAndroidCompilation未找到。
以前还没有与Gradle合作过
浏览 3提问于2021-04-14得票数 1
一开始，它是按计划工作的。我不知道发生了什么，但是它随机地开始抛出一个错误"ReferenceError: window是未定义的“。我使用的是Next.js，导致错误的代码位于自定义的react钩子中。
useWindowDimensions.js
import { useState, useEffect } from 'react';
function getWindowDimensions() {
const { innerWidth: width, innerHeight: height } = window;
return {
width,
浏览 3提问于2021-12-06得票数 0
回答已采纳
我在Express.js中使用Next.js。基本上，express负责所有的路由，而不是Next.js。 我的开发需要的是，当一个文件发生变化时，next.js重新构建他们的应用程序，然后重新加载express服务器，这样我就可以在浏览器中看到我的更改，而无需手动构建下一个应用程序。 仅使用nodemon不起作用，因为它只是重新加载express，而不是构建下一个应用程序。
浏览 23提问于2021-04-14得票数 0
1回答
当下面的构建运行时，我收到错误" error : Evaluation failed: ReferenceError: chunk is not defined“作为控制台响应。在下一行中，我可以作为console.log到达chunka，但是为什么我不能在frame.evaluate中到达它？
const puppeteer = require('puppeteer');
const chunk= ["google.com","facebook.com","gmail.com","stackoverflow.co
浏览 4提问于2021-10-04得票数 0
当我试图为生产环境构建我的Next.js应用程序时，我得到了以下错误： ? “API_KEY”似乎未定义。无法从publicRuntimeConfig中分析此属性。这个错误发生在我使用getStaticProps或getStaticPaths内置函数的页面上。 这是我的next.config.js： const withPlugins = require("next-compose-plugins");
const withCSS = require("@zeit/next-css");
const withSass = require("@z
浏览 22提问于2020-11-04得票数 1
回答已采纳
我有一个Next.js应用程序
这是我的页面/组件之一
import React from "react";
import { SomeLocalStorageComponent } from "some-external-lib";
const MyComponent = () => {
const isBrowser = typeof window !== "undefined"
{
if (isBrowser) {
<SomeLocalStorageComponent></SomeLocal
浏览 5提问于2022-08-25得票数 0
回答已采纳
1回答
未定义Angular2装饰器
、、、、
我的项目是用webpack构建的，但是当我从本地主机托管应用程序时，我会出错。
未定义ReferenceError：__decorate未定义。
最初，我使用可注入()装饰器获得错误。但当我取消评论时，我得到了相同的错误，但与扩展。
我创建了一个复制错误的回购程序。
我怀疑这与输入有关，因为当我不得不更改这些定义时，问题就开始了。
typings_orig.json有原始的类型定义
我不知道发生了什么事。希望有人能照亮这件事并帮助我。
谢谢。
浏览 3提问于2016-02-26得票数 2
回答已采纳
在我的next build应用程序中执行next.js时，在只使用next (或npm run dev)的情况下，我得到了下面的错误。
错误：
$ next build
The module 'react-dom' was not found. Next.js requires that you include it in 'dependencies' of your 'package.json'. To add it, run 'npm install --save react-dom'
Creating an optimize
浏览 14提问于2019-09-23得票数 1
回答已采纳
我正在使用rCharts在rStudio中构建一个演示文稿。图表显示在RStudio预览窗口中，我可以与它们交互。然而，当我在任何浏览器中查看它，或者将其保存为网页时，图表完全消失了。当我检查网页中的元素时，似乎没有任何与图表相关的javascript，这让我相信问题出在Java上。我安装了R和Java (32位)的最新版本，所以我不确定是什么问题。任何帮助或想法都将非常感谢，如果我能提供任何其他信息，请让我知道。
谢谢。
编辑:加载页面时出现以下错误：
无法加载资源: net::ERR_FILE_NOT_FOUND file://code.highcharts.com/modules/exp
浏览 0提问于2014-09-25得票数 0
我正在开发一个项目，它使用ReactJ作为前端，使用Spring作为后端。我想从后端将一些环境变量传递给ReactJS应用程序。我的想法如下：
1)使用生成存根ReactJs应用程序。在公共index.html文件中，定义一个自定义标记
<body>
<script th:inline="javascript">
/*<![CDATA[*/
var env = [[${env}]];
/*]]>*/
</script>
...
<div id=&
浏览 5提问于2017-10-17得票数 1
MQTT插件：我使用
npm安装mqtt -保存
而且，我还做了下面的Browserify
1.npm安装-g浏览器//安装浏览器2.cd节点_模块/mqtt 3.npm安装。//安装开发依赖项4.在客户端应用程序中浏览mqtt.js -s mqtt > browserMqtt.js // require mqtt
Webpack
1.npm安装-g webpack //安装webpack 2.cd节点_模块/mqtt 3.npm安装。// install依赖项4.webpack mqtt.js ./browserMqtt.js -输出-库mqtt
我在我的.ht
浏览 5提问于2018-01-15得票数 0
回答已采纳
我用bower安装了Plotly.js，并在视图页面中添加了脚本引用，但是当我运行页面时，控制台上写着“未定义的引用错误:实际上没有定义”。
以下是我的设置：
bower.json
{
"name": "ASP.NET",
"private": true,
"dependencies":
{
"bootstrap": "3.3.6",
"jquery": "2.1.4",
"jqu
浏览 2提问于2016-05-30得票数 1
回答已采纳
2回答
问题
当我在任何文件中import Chart from "react-apexcharts"时，我的Next.js/React/Node应用程序就会崩溃。试图访问该应用程序会导致以下错误：
Server Error
ReferenceError: window is not defined
This error happened while generating the page. Any console logs will be displayed in the terminal window.
(请参见下面的调用堆栈)。
无论导入的<Chart/>是在页面中呈
浏览 6提问于2021-06-01得票数 14
回答已采纳
我有一个React Native/Expo + Next.js应用程序(用npx create-next-app -e with-expo构建)
完整代码：
它作为web应用程序运行良好(在Next.js和Expo Web中)，但在iPhone上运行Expo应用程序时崩溃：
ReferenceError: Can't find variable: React
This error is located at:
in App (at withExpoRoot.js:26)
in ExpoRoot (at renderApplication.js:40)
in R
浏览 5提问于2021-03-11得票数 1
回答已采纳
1回答
我正在尝试使用作为primereact库一部分的GMap组件，但我一直收到以下错误：
未处理运行时错误ReferenceError:未定义
我正在开发一个next.js应用程序，下面是我从primerreact库复制/粘贴的简单代码：
import { GMap } from 'primereact/gmap';
const DealershipLocation = () => {
const options = {
center: {lat: 36.890257, lng: 30.707417},
zoom: 12
};
return (
浏览 12提问于2022-06-10得票数 1
回答已采纳
1回答
我正在尝试将路径传递到我的Next.js应用程序，但它返回了一个错误，我到处寻找，但我找不到答案。
_App.tsx
import Routes from './Routes'
function MyApp({ Component, pageProps }: AppProps) {
return (
<Index/>
)
}
export default MyApp
Routes.tsx
import { BrowserRouter as Router, Route, Routes } from 'react-router-d
浏览 1提问于2022-05-10得票数 0
我已经设置了一个用以下命令构建的：
babel --presets es2015,react --watch src/ --out-dir lib/
它可以工作，并将jsx文件编译成js，并将其放在lib/中。
问题是，babel的情况如下：
import { Form } from "Form"
转到
var _Form = require("Form");
浏览器不知道该如何处理，因此我得到了一个很棒的信息：
TodosApp.js:3未定义的ReferenceError: ReferenceError未定义
有没有人？
谢谢
浏览 6提问于2016-06-01得票数 0
回答已采纳
1回答
生成时，我一直会收到以下错误
Karma运行失败:未定义
ERROR [karma]: ReferenceError: Strict mode forbids implicit creation of global property 'inferred'
at undefined:9
它没有告诉我它发生在哪里，也没有告诉我它所指的是什么属性。
浏览 11提问于2019-11-11得票数 0
回答已采纳
我们正在使用VSTS构建一个典型的ASP.NET MVC web应用程序。它以前一直致力于托管构建代理，而它们目前正在本地代理上工作。
我们试图让他们使用托管的VisualStudio2017构建代理，因此我们不依赖开发人员的笔记本电脑，甚至购买了额外的构建分钟。但是，当我尝试在宿主的Visual/2017代理队列中对构建排队时，我会得到以下错误：
在所选队列中没有找到具有以下功能的注册代理: azureps、npm、agents、node.js、msbuild、visualstudio、vstest、sqlpackage
这些托管的代理应该拥有所有这些，当我查看代理队列的功能时，它似
浏览 2提问于2017-12-08得票数 1
回答已采纳
以下是Jenkins控制台输出的片段：
46通过(1s) 2失败
1)判断errorCode result 0: ReferenceError: Context中未定义是否为。(deviceQuery.js:45:22)
2) #登录接口测试判断errorCode是否为0：
AssertionError: expected '1' to equal '0'
+ expected - actual
-1
+0
at Context.<anonymous> (Login.js:86:16)
但是工作是成功的，为什么呢？我可以让构建
浏览 1提问于2018-04-13得票数 0
3回答
我正在尝试克隆以下next.js react应用程序，并在本地主机上运行它:3000
当我打开localhost:3000时，我得到以下错误
未处理的拒绝(ReferenceError)：未定义提取。/ Function._callee$ /index.js:22
20 | // see https://nextjs.org/learn/basics/fetching-data-for-pages
>22 | Index.getInitialProps = async function() {
24 | const url = 'https://api.tvmaze.com
浏览 5提问于2018-11-25得票数 1
当我们使用未定义的变量时，ReferenceError就会发生，这很容易发生。在本例中，我的终端显示如下：
ReferenceError:未定义usrname
有没有任何方法可以获得这方面的详细信息，如文件和线性编号发生的地方？
谢谢
浏览 0提问于2015-11-29得票数 2
1回答
在从闪存构建器进行调试时，是否有可能在导出发布版本时工作方式不同呢？
例如，我有这样一个：
private function getErrorText(error:Error):String{
var result:String = "";
result = "FehlerArt: " + error.name + "//" + (error.message as String).substring(0, (error.message as String).indexOf(":"))
浏览 0提问于2013-11-25得票数 1
1回答
我正在尝试使用Next.js和样式-jsx的测试框架Jest。
这是我的外部css风格。
import css from 'styled-jsx/css';
export const TextStyle = css`
p {
font-size: 14px;
color: #a8a8a8;
}
`;
这是我的package.json脚本。效果很好。
"test": "jest --verbose",
我想使用覆盖选项。所以我尝试了这个"test": "jest --
浏览 1提问于2020-01-28得票数 1
回答已采纳
我是Next.js开发的新手。我正在按照Youtube的教程构建一个Whatsapp的克隆。我使用firebase8.9作为数据库 我想检查用户是否已登录，然后转到主页，否则重定向到登录页面。 import '../styles/globals.css'
import { useAuthState } from "react-firebase-hooks/auth"
import { auth, db } from "../firebase"
import Login from "./login"
function MyApp
浏览 23提问于2021-11-02得票数 0
1回答
禁用Next.js中的开发工具
、、、、
我目前正在Next.js中构建一个应用程序，我想禁用打开devtools。我在npm上找到了一个很好的包-禁用-开发工具- ，但问题是，nextjs一直向我抛出ReferenceError: navigator is not defined。我试图调查node_modules，但没有找到任何解决方案，请提供任何帮助？
谢谢你，❤️
浏览 30提问于2022-06-03得票数 0
回答已采纳
为什么这会抛出一个ReferenceError？
var p = new Proxy({}, {
get: function(target, name) {
return `hello world ${name}`;
}
});
with (p) { console.log(a) }
未定义的ReferenceError: a未定义
浏览 5提问于2017-09-06得票数 3
我试图在hosted url (部署我的构建的地方).but基础上发送一些文本，我得到的是错误ReferenceError:位置未定义--是我的代码
export const getStaticProps = async ({ preview = false, previewData = {} }) => {
return {
revalidate: 200,
props: {
//req.host
name: location.hostname == "www.google.com" ? "Hello" :
浏览 2提问于2021-01-21得票数 20
1回答
让我的应用程序运行在"npm start“上，效果很好。当我使用"npm run build“构建它并将服务器指向build-folder时，它失败了。控制台中的错误显示： Uncaught TypeError: Cannot set property 'executeGet' of undefined 我有一个包含一些函数的文件common.js。出错的是这样声明的： const executeGet = async (url, options) => {
return 'something';
}
module.exports
浏览 17提问于2021-01-07得票数 0
1回答
在启动MR作业时发生以下异常后，我已将kerberos集群更改为unkerberized。
由于appattempt_1458558692044_0001_000001的AM容器退出，Application application_1458558692044_0001失败了1次，exitCode：-1000有关更详细的输出，请查看应用程序跟踪页面：，单击指向每次尝试的日志的链接。诊断:不允许此尝试失败的操作。应用程序失败。
浏览 3提问于2016-03-22得票数 0
我正在研究Next.js和。我按照官方的requestAnimationFrame示例成功地将它们运行在一起，但是当我试图从react本机使用动画包时，它失败了，没有定义Next.js。基本上，这个功能可以完成node_modules包，但是我在webpack中设置了别名，以便将所有react本机需求转换为react本机-web，所以即使是node_modules包也应该使用react本机-web。
对如何解决这个问题有什么建议吗？
ReferenceError: requestAnimationFrame is not defined
at start (...node_module
浏览 2提问于2020-04-25得票数 7
回答已采纳
2回答
从我的ReferenceError:gapi is not defined代码访问Google+ APIs时，我看到了Google+ APIs错误。
我的代码很简单，但不确定它有什么问题。
如有任何投入，将不胜感激。
请参阅我的代码如下：
<html>
<head>
<title> Some title here </title>
<script src="https://apis.google.com/js/platform.js"></script>
浏览 4提问于2015-08-10得票数 1
我正在使用运行Ubuntu 18的Docker在Mac主机上使用Next.js进行开发，并将我的开发目录绑定到容器上。我想知道在Next.js 12+中使用SWC Minify时是否有任何方法不需要将整个主机构建上下文复制到Docker，然后使用yarn install构建步骤和持久卷来运行Docker中的开发环境，因为缺少@next/swc-linux-x64-gnu二进制文件。
docker-compose.yaml相关部分
# Next.js Client and Server
my-nextjs:
container_name: my-nextjs
build:
浏览 19提问于2022-05-01得票数 0
我从Vercel那里得到了这个错误。当我在导航时，它会在随机的时间和页面上弹出。浏览器控制台中未出现错误。Vercel只记录构建时间错误，所以也没有信息。 也许是Vercel或Next.js的记忆力不足？这些导航工作正常，‘函数开票失败’错误很少发生。就像幽灵一样。 ?
浏览 200提问于2021-04-10得票数 1
回答已采纳
失败:构建完成，2次失败。
1:任务异常失败。
其中:构建文件'C:\Users\84346\Desktop\banh_mi\GoFood\node_modules\react-native-reanimated\android\build.gradle‘行: 21
哪里出了问题:评估项目时出现了一个问题:反应-本土化-复苏。
没有找到id 'maven‘的插件。
尝试：
使用--stacktrace选项运行以获得堆栈跟踪。使用--info或-调试选项运行以获得更多日志输出。用扫描来获得完整的洞察力。================
浏览 5提问于2022-04-06得票数 0
我正在用appcelerator构建一个简单的应用程序。
我使用这段代码从tss文件创建带有样式的标签。
function createHeader(headerText){
var heading = Ti.UI.createView({
backgroundColor : "#0c7b84"
});
var headingText = $.UI.create("Label", {
classes: 'headerTableLabel'
});
headingText.text = he
浏览 2提问于2016-06-16得票数 0
这两个多边形函数都不显示形状，因为在重新加载页面时捕获到错误。
未捕获InvalidArgumentError：~pj() (参数#0无图像数据)
失败发生在此行代码上
polyline.getGeometry().eachLatLngAlt(function(lat, lng, alt, index)
尝试移动矩形时，Rectangle函数失败
未捕获ReferenceError:未定义currentGeoRect
代码在此处失败
rectGroup.addEventListener('drag', function(evt) {
var pointer = evt
浏览 1提问于2020-05-13得票数 0
我试着从blueprintjs库加载样式，并遵循指令。
在文件app/javascript/packs/application.js中，我有以下代码：
import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import '../src/index.css';
import { App } from '../src/App';
import store from '
浏览 1提问于2018-06-21得票数 1
我正在使用gatsby develop进行开发工作。基本上，这个脚本监视源代码文件并在发生更改时重新构建。
当重新构建成功时，浏览器会自动刷新并显示新生成的页面。但是，当重新构建失败时，浏览器什么也不做，如果我手动刷新网页，它仍然会加载最后一个工作版本，这会导致对为什么没有反映我的更改的困惑。
判断重新构建失败的唯一方法是查看gatsby develop的终端输出，为了最大化屏幕房地产，我经常隐藏它。
对我来说，有什么方法可以让我只看一下浏览器和代码，然后判断重新构建失败了吗？最好是在浏览器中显示错误，就像javascript错误一样，在那里重新构建是成功的，但是代码在浏览器中遇到了问题，即T
浏览 5提问于2020-06-01得票数 0
我在page.evaluate中遇到了多个错误，我不明白为什么。
ReferenceError:未定义所有作业
和
评估失败: ReferenceError: multiplePositionsPerJob未定义
alljobs是我试图将对象推送到的数组。multiplePositionsPerJob是我在文件中用require引用的函数。
var alljobs = [];
await page.evaluate(() => {
Array.from(
document.querySelectorAll(
"section"
浏览 1提问于2019-12-17得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
