./node_modules/mapbox-gl/dist/mapbox-gl.css模块生成失败: TypeError:无法读取未定义的属性'toFixed‘
./node_modules/mapbox-gl/dist/mapbox-gl.css模块生成失败: TypeError:无法读取未定义的属性'toFixed‘
这个错误是由于在生成./node_modules/mapbox-gl/dist/mapbox-gl.css模块时发生了一个类型错误。具体来说，这个错误是由于尝试读取一个未定义的属性'toFixed'导致的。
解决这个问题的方法取决于具体的情况。以下是一些可能的解决方法：
- 确保你的依赖项是最新的：检查你的项目中的依赖项，并确保你正在使用最新版本的mapbox-gl模块。你可以通过运行npm update命令来更新你的依赖项。
- 清除npm缓存：有时候，npm缓存可能会导致一些问题。你可以尝试清除npm缓存，然后重新安装依赖项。运行以下命令来清除npm缓存：
- 清除npm缓存：有时候，npm缓存可能会导致一些问题。你可以尝试清除npm缓存，然后重新安装依赖项。运行以下命令来清除npm缓存：
- 检查代码中的错误：检查你的代码，特别是与mapbox-gl模块相关的部分，看看是否有任何语法错误或逻辑错误。确保你正确地使用了toFixed属性。
- 查看文档和社区支持：查阅mapbox-gl模块的官方文档和社区支持，看看是否有关于这个问题的已知解决方案或者其他用户遇到了类似的问题。
请注意，由于你要求不提及特定的云计算品牌商，我无法提供与腾讯云相关的产品和链接。但是，你可以在腾讯云的官方网站上查找与云计算相关的产品和解决方案。
相关·内容
聚合物3使用进口加载外部Javascript。例如
import {GoogleCharts} from 'google-charts';
但是，要使这种工作正常进行，外部库应该使用导出。
我正在尝试使用mapbox-gl.js库。此库安装如下：
npm install mapbox-gl
似乎没有出口任何东西。
在HTML5中，可以使用mapbox，如下所示：
<script src="node_modules/mapbox-gl/dist/mapbox-gl.js"></script>
<link href="node_
浏览 0提问于2018-08-03得票数 8
3回答
我正在尝试使用React来处理MapBox。我创建了这个项目，使用了app，添加了mapbox(“mapbox”："^0.46.0-beta.1")，但是我对css文件有一个问题。它向我展示了这样的警告：
This page appears to be missing CSS declarations for Mapbox GL JS, which may cause the map to display incorrectly. Please ensure your page includes mapbox-gl.css, as described in
我遵循了所有的步骤
浏览 1提问于2018-06-18得票数 10
回答已采纳
1回答
后处理问题
、、
我的本地应用程序使用Mapbox中的Mapbox库。我在我的脚本import 'mapbox-gl/dist/mapbox-gl.css';中导入一行
这是我的Webpack配置：
const { join } = require('path');
const { isProd, plugins } = require('./setup');
const ExtractText = require('extract-text-webpack-plugin');
const MiniCssExtractPlugin = requir
浏览 1提问于2020-02-07得票数 3
回答已采纳
当我使用react/typescript使用mapbox-gl构建地图时，我在为mapbox-gl "import‘mapbox-gl/dist/mapbox-gl.css’导入css文件时遇到错误；“ 我不知道在"webpack.config.js“中我还需要什么样的加载器，我已经导入了css加载器... 错误 ERROR in ./node_modules/mapbox-gl/dist/mapbox-gl.css 1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate load
浏览 58提问于2020-07-06得票数 0
我已经集成了Mapbox GL JS (版本: 1.8.0)在React (版本: 16.12.0)中，它工作得很好。但是当我尝试运行build命令时，它抛出了下面的错误：
./node_modules/mapbox-gl/dist/mapbox-gl.css Module build failed: TypeError: Cannot read property 'toFixed' of undefined at Array.filter (<anonymous>) at Array.filter (<anonymous>) at Array.filt
浏览 120提问于2020-02-26得票数 0
回答已采纳
假设我们有以下Map组件。这是在TypeScript中实现的，但对于普通的JavaScript也是如此。
import * as React from 'react';
import ReactMapboxGl from 'react-mapbox-gl';
const MapBox = ReactMapboxGl({
accessToken: 'pk.<redacted>'
});
export default class Map extends React.Component {
render() {
retu
浏览 17提问于2018-02-19得票数 13
我正在使用laravel和vuejs创建活动日历。我正在尝试运行npm run dev，但是有一个错误
./resources/js/components/CalendarComponent.vue模块构建中的错误失败(来自./node_/vue-/dist/index.js)：TypeError:无法读取Object.loader (D:\20213\calendar_with_vue\node_modules\vue-loader\dist\index.js:70:34)上未定义的属性“样式”
浏览 4提问于2022-09-19得票数 -1
我对mapbox-gl-js有一个奇怪的问题。当我将mapbox-gl.js文件作为CDN添加到html文档头部时，映射渲染正常。当我需要它并按照文档所述将其与browserify捆绑在一起时，地图不会呈现，我得到一个捆绑错误，如下所示：Error: Cannot find module './feature' from '/home/.../mbtst/node_modules/mapbox-gl/dist'
文档描述了如何使用模块捆绑器：。在发布这一问题时，它是(后来由于这个问题而被更改)：
npm install --save mapbox-gl
impo
浏览 7提问于2017-03-14得票数 1
回答已采纳
我使用这个叫做mapbox-gl-directions的插件，有什么方法可以改变标记A和B吗？我没有看到任何关于如何编辑这些标记的文档或教程，如果有感谢，请帮助我。 Image of the map import { useEffect, useRef } from "react";
import mapboxgl from "mapbox-gl";
import MapboxDirection from "@mapbox/mapbox-gl-directions/dist/mapbox-gl-directions";
import * as
浏览 57提问于2021-07-01得票数 0
回答已采纳
我有一些第三方库，如Mapbox，这是通过npm安装，并有一些CSS文件，他们依赖于他们的工作。
在Mapbox中，mapbox-gl/dist/mapbox-gl.css在node_modules中存在。我有index.html，它是作为我的反应应用程序的入口点，并包含一个链接到一个带有一些默认值的CSS文件。
<link rel="stylesheet" href="/vendor/core.css">
所有其他CSS规则都是由CSS模块提供的，因此我在React组件文件夹中有一个CSS文件，并从组件中导入它，如下所示：
import * as
浏览 1提问于2017-11-27得票数 1
1回答
我在一个JavaScript应用程序中使用Mapbox。我能显示一张没有问题的地图。现在我想添加一些标记。我看到需要导入CSS样式表，然后标记才能正常工作。正如文档中所建议的那样，我尝试了以下两种方法：
我的Vue组件中的import 'mapbox-gl/dist/mapbox-gl.css';
<link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v2.3.1/mapbox-gl.css">来自<head> of my index.ht
浏览 2提问于2021-06-23得票数 3
回答已采纳
虽然我尝试了我在google上找到的所有babel预置和插件，但我的webpack无法使用facebook的"flow type checker“解析javascript文件。
我得到的错误：
ERROR in ./~/mapbox-gl/src/geo/transform.js
Module parse failed: /home/project/project-repo/Vee/superset/assets/node_modules/mapbox-gl/src/geo/transform.js Unexpected token (22:12)
You may need an ap
浏览 2提问于2017-08-10得票数 0
我用npm安装了mapbox gl js包，它安装在
/node_modules/mapbox-gl/dist/mapbox-gl.js
在html中，如何设置上述目录的路径才能正确加载库？在我的代码中，目录设置如下
var mapboxgl = require('/mapbox-gl/dist/mapbox-gl.js');In
浏览 18提问于2020-03-02得票数 0
1回答
我试图在我的web app.following中实现一个mapbox --本教程 .我面临一个错误“错误:无效类型：‘容器’必须是一个字符串或HTMLElement。”这是我的密码
import mapboxgl from 'mapbox-gl';
import React, { useRef, useEffect, useState } from 'react';
import ReactMapGL from 'react-map-gl'
import 'mapbox-gl/dist/mapbox-gl.css';
//
浏览 7提问于2022-08-09得票数 0
我想减少mapbox依赖项的数量。在一个大量使用Mapbox的React webapp中，我目前在我的javascript文件中像这样导入mapbox：
import mapboxgl from 'mapbox-gl';
import 'mapbox-gl/dist/mapbox-gl.css'
通过这个mapboxgl导入，我实例化了一个地图、一个弹出窗口、一个GeolocateControl和一个NavigationControl。这一切都运行得很好。
我还需要正向和反向地理编码，我使用这些导入来实现：
import Geocoder from '@
浏览 2提问于2020-12-22得票数 0
我正在建立一个应用程序与Mapbox-gl和mapbox-gl-方向与React.js。代码非常简单，而且运行得很完美。但是，为了计算每公里的成本，我需要检索对应于km的数据。 我在Network选项卡- Preview下的dev工具中看到了数据。所以我的问题是，我如何检索这些数据？我在网上找不到任何信息... 这是我的代码： import React from 'react';
import './App.css';
import mapboxgl from 'mapbox-gl';
import 'mapbox-gl/dist/
浏览 23提问于2020-12-30得票数 0
回答已采纳
我想以mapbox- gl的形式使用react-native-mapbox-gl/映射，例如，我尽我所能在useEffect中初始化MapView组件，而不是在组件中。我是否可以重写下面的代码，以便于react native谢谢阅读， import React, { useEffect, useRef, useState } from "react";
import mapboxgl from "mapbox-gl";
import "mapbox-gl/dist/mapbox-gl.css";
const styles = {
widt
浏览 49提问于2020-12-02得票数 0
情况：
在nest & grapqhqlWorked中，开发api在一台笔记本上，一切正常运行，然后在其他笔记本上克隆了我的回购，安装了依赖项，创建了一个新的本地数据库。当以下本地主机:4000在浏览器中打开graphql游乐场时，正在构建没有错误的(/home/gleb/Projects/artwine-api/node_modules/passport/lib/middleware/authenticate.js:96:21)应用程序。我收到了500个错误结束消息:错误ExceptionsHandler无法读取未定义的属性(读取'logIn') TypeError:
浏览 18提问于2022-01-09得票数 11
我正在使用下面的代码添加shapefile数据，这些数据已经被上传到使用工作室的Mapbox中。
this.map.addSource('contours', {
type: 'vector',
url: 'mapbox://darkl1ght.6zev47fo'
});
this.map.addLayer({
"id": "countour-labels",
"type": "symbol",
&#
浏览 16提问于2021-01-23得票数 0
回答已采纳
在我的网站上，我不想捆绑，而是直接使用ES6模块(为观众工作)
我尝试通过以下方式导入fabric.js
import {fabric} from "../node_modules/fabric/dist/fabric.js";就像我在捆绑时所做的那样(对于包来说，它工作得很好)。
然而，当我开始这个网站的时候
“未指明的SyntaxError:请求的模块‘./node_ does /fabric/dist/figur.js’不提供名为”fabric“的导出。”
如果我将上面的内容更改为import * as FAB from "../node_modules/
浏览 0提问于2019-08-29得票数 6
回答已采纳
我的package.json文件中有以下内容：
"browserify": {
"transform": [
"browserify-shim"
]
},
"browser": {
"jquery": "./node_modules/jquery/dist/jquery.js",
"tether": "./node_modules/tether/dist/tether.js"
},
"browserify-shim": {
浏览 4提问于2016-04-22得票数 2
回答已采纳
我在一个在标题中有搜索输入的项目上使用了Nuxt。
我使用Mabpox地理编码器实现了它，它工作得很好，但是在第一页加载时，搜索输入如下所示
当安装的钩子被执行和插件加载地理编码器时，它看起来很好。
我想使用<client-only>标记放置占位符，直到获取真正的搜索，但我得到了以下错误：
500无法访问属性"querySelector"，geocoderContainer为空
Search.vue
<template>
<div>
<client-only>
<div :id=
浏览 3提问于2022-06-15得票数 1
回答已采纳
1回答
我需要帮助，为这个的风格，我正在移植到一个Vue (Nuxt)应用程序，使用尾风CSS。我认为我的问题是因为我没有正确导入Mapbox的css。然而，我不知道该如何做，也不知道这是否是尾风的问题。我尝试了以下几种导入方式：
如果我以这种方式进口：
<style scoped>
@import "mapbox-gl/dist/mapbox-gl.css";
</style>
地图显示如下：
如果我像这样导入，地图根本就不会显示：
import mapboxgl from "mapbox-gl";
import 'mapbox-
浏览 1提问于2022-02-10得票数 1
嗨，我正在尝试使用mapbox与进行交互。我得到了一个错误：意外的'!‘在导入'worker-loader!mapbox-gl/dist/mapbox-gl-csp-worker'时导入"worker-loader!mapbox-gl/dist/mapbox-gl-csp-worker“
这是我的重要密码：
Map.js
import React from 'react'
import mapboxgl from 'mapbox-gl/dist/mapbox-gl-csp';
import MapboxWorker from &#
浏览 5提问于2021-03-04得票数 13
回答已采纳
2回答
我有一个关于添加CSS的问题，因为我找不到任何其他与此相关的问题。我正在尝试将地理编码器搜索移动到地图上比它位于“右上角”的位置更低的位置，并且我不能改变它的位置，无论我使用内联还是内部CSS： import React from "react";
import "mapbox-gl/dist/mapbox-gl.css";
import "react-map-gl-geocoder/dist/mapbox-gl-geocoder.css";
import Geocoder from "react-map-gl-geocoder"
浏览 31提问于2020-08-08得票数 0
我有一个带有Map组件的Svelte应用程序，如下所示。我想传递给centreCoords和Zoom的道具，然后当它们在组件之外发生变化时飞到它们那里。
但是，我无法解决如何在onMount函数之外获取map对象。
<script>
import { onMount, onDestroy } from 'svelte';
import mapboxgl from 'mapbox-gl';
const token = 'xxx';
let mapElement;
let map;
exp
浏览 5提问于2022-10-24得票数 0
回答已采纳
2回答
我想要显示我的地图，但无论我做什么，它都不显示地图。
我当前使用的代码如下：
<template>
<div>
<MglMap
:accessToken="mapboxAccessToken"
:mapStyle.sync="mapStyle"
:center="coordinates"
/>
<button class="btn btn-contained btn-s
浏览 0提问于2019-09-22得票数 3
我的mapbox在我构建了react-app后不工作了。在本地主机上，一切运行正常，所以我猜，我的访问令牌不会有任何问题。你有什么想法或者以前有过类似的问题吗？ import mapboxgl from "mapbox-gl";
import "mapbox-gl/dist/mapbox-gl.css";
const ProjectTemplate = (props) => {
const [map, setMap] = useState(null);
const mapContainer = useRef(null);
useEffect(()
浏览 18提问于2021-01-12得票数 0
我试图运行“”，但它最终给了我一个错误。我正在使用Laravel和Tailwind。
版本
拉拉-混合：6.0.22
顺风-css：^2.0.4
@tailwindcss/jit：^0.1.18，
resources/css/app.css
@tailwind base;
@tailwind components;
@tailwind utilities;
webpack.mix.js
mix.js('resources/js/app.js', 'public/js')
.vue()
.postCss("resourc
浏览 0提问于2021-06-18得票数 2
回答已采纳
我试着在盖茨比网站上使用Mapbox地图。我使用了react教程中的代码：，并将其放入映射组件中。
我在页脚上调用map组件，它在开发模式下工作得很好，但是当我运行gatsby build和gatsby serve时，它拒绝显示映射，尽管它显示了容器：
我也尝试过来自docs的另一个建议，那就是在gatsby-node.js中使用。
exports.onCreateWebpackConfig = ({ stage, loaders, actions }) => {
if (stage === "build-html") {
actions.setWebpac
浏览 4提问于2020-12-21得票数 6
回答已采纳
这是我的代码，结果是没有。
import React, {Component} from 'react';
import ReactMapBox from 'react-map-gl';
import 'mapbox-gl/dist/mapbox-gl.css';
class MapExample1 extends Component {
state = {
viewport: {
width: "100vw",
height: "100vh"
浏览 10提问于2022-05-16得票数 2
嗨，我在ngonit中添加了这段代码，用于轮询，添加之后，我的所有测试用例都失败了。请帮忙解决？
ngOnInit(): void {
this.timeInterval = interval(5000)
.pipe(
startWith(0),
switchMap(() => this.deviceService.getDeviceList())
)
.pipe(
takeUntil(this.deviceService.flag$),
repeatWhen(() => this.deviceService.flag$)
)
.subscribe((succe
浏览 1提问于2021-02-23得票数 2
1回答
我在我的应用程序(在Rails 6上)和的几个页面上使用引导表。
但是，我希望启用列排序和搜索功能，这些功能仅在刷新页面：时才会出现。
我的一些application.js：
require("@rails/ujs").start();
require("turbolinks").start();
require("@rails/activestorage").start();
require("channels");
require("jquery");
require("bootstrap");
浏览 3提问于2020-06-15得票数 2
回答已采纳
1回答
我试图将3D派对包括如下：
app.js
/** @jsx React.DOM */
var React = require('react'),
ReactDOM = require('react-dom');
Isvg = require('react-inlinesvg');
ReactDOM.render(
<Isvg src="images/mobile.svg" />,
document.getElementById('mobile')
);
packag
浏览 5提问于2015-12-01得票数 1
回答已采纳
import { useState, useRef, useEffect, useCallback } from "react";
import Map, { GeolocateControl, Marker } from "react-map-gl";
import "mapbox-gl/dist/mapbox-gl.css";
const App = () => {
const map = useRef(null);
const [markers, setMarkers] = useState([]);
const [vi
浏览 4提问于2022-07-22得票数 0
1回答
我们已经从离子v3迁移到离子v5。离子服务命令工作，但在启动时显示空白页。
离子生成命令抛出以下错误..
11:57:17离子-应用-脚本任务：“构建”11:57:17 TypeError:不能读取未定义的TypeError的属性‘编译’：不能读取未定义的属性‘编译’，在webpack的Compiler.apply (/Users/upgrade/node_modules/@ionic/app-scripts/node_modules/tapable/lib/Tapable.js:375:16) at Compiler.apply DefinePlugin.apply上(/User/Defin
浏览 8提问于2022-11-22得票数 0
1回答
我正在尝试创建一个包，用于导出跨多个项目使用的某些类型、枚举、consts和接口。
因此，我创建了一个main.ts，并将所有的导出都放在那里，在package.json："main": "main.ts"中指定它。
我的一个出口产品需要一些mapbox-gl类型。显然，我不希望我的包包含mapbox-gl类型。所以我做了以下几件事：
"peerDependencies": {
"mapbox-gl": "^1.13.0"
},
"devDependencies": {
"@type
浏览 6提问于2022-02-13得票数 0
回答已采纳
1回答
我正在尝试运行开玩笑的案件在反应本土化。我正在使用进行导航。由于这个错误，我的测试用例失败了。
Test suite failed to run
TypeError: Cannot read property 'isRTL' of undefined
at Object.<anonymous> (node_modules/react-native-router-flux/dist/NavBar.js:286:44)
at Object.<anonymous> (node_modules/react-native-rou
浏览 2提问于2018-06-22得票数 2
回答已采纳
尝试包含jquery和jquery-ui时，我发现jQuery未定义。
我的汇总配置
"external": [
"./node_modules/dist/jquery.min.js",
"./node_modules/jquery-ui-dist/jquery-ui.min.js"
],
"globals": {
"jquery": "jQuery"
}
浏览 0提问于2017-11-02得票数 1
1回答
我有一个带有MapboxGL组件的React应用程序。我在删除地图周围的灰色边框时遇到了麻烦(见下图)。 ? 我已经试用了一下Map.css，如下所示 .map-container {
height: 100vh;
}
.sidebar {
background-color: rgba(35, 55, 75, 0.9);
color: #ffffff;
padding: 6px 12px;
font-family: monospace;
z-index: 1;
position: absolute;
top: 20;
left: 20;
ma
浏览 19提问于2021-08-16得票数 0
回答已采纳
我只是尝试用.tsx转换程序制作一个简单的react应用程序，但是在导入时没有定义react和react：
这是我的输入文件，只有类型记录文件：
index.tsx
import React from 'react';
import ReactDOM from 'react-dom';
console.log(ReactDOM);
ReactDOM.render(<div>SUCCESS!</div>, document.getElementById('root'));
控制台输出错误：
undefined
Uncau
浏览 5提问于2017-10-14得票数 3
回答已采纳
2回答
这个问题已经问了很多次了，但似乎没有解决问题的办法。
当我放大的时候，我所有的标记都移出了位置。
这是我的App.js：
import * as React from "react";
import Map, { Marker } from "react-map-gl";
function App() {
return (
<Map
initialViewState={{
longitude: -100,
latitude: 40,
zoom: 3.5,
}}
浏览 4提问于2022-03-04得票数 1
我正在尝试迁移的角度应用程序从5到6版本。这个应用程序运行良好，但是如果我在页面重新加载后对代码做了一些更改，我将面临一个奇怪的错误：
core.js:1598 ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'call' of undefined
TypeError: Cannot read property 'call' of undefined
at __webpack_require__ (bootstrap:81)
at Object../src/a
浏览 0提问于2018-05-16得票数 11
回答已采纳
我认为这可能是一个css问题，docs状态:和Mapbox对应的控件一样，这个控件依赖于mapbox样式表来正常工作。确保将样式表添加到页面中。这到底是什么样式表？
import React, { useState } from 'react';
import ReactMapGL, { Marker, Popup, NavigationControl } from 'react-map-gl';
import 'mapbox-gl/dist/mapbox-gl.css';
import env from '../env';
c
浏览 5提问于2022-01-19得票数 0
所以我在mac osx上安装了mapbox gl js，webpack，以及Mapbox gl js所需要的浏览器。然而，当我尝试在本地主机上运行代码时，我得到了未捕获的SyntaxError:无法在模块之外使用import语句错误。
所有模块都安装在Users/jbk/node-modules目录下，html文件在document文件夹下。
<html>
<head>
<link href='https://api.mapbox.com/mapbox-gl-js/v1.8.0/mapbox-gl.css' rel='styles
浏览 21提问于2020-03-02得票数 0
1回答
我使用的是带有DialogFlow实现服务器的谷歌NodeJS客户端示例：。
生成了我的Google API Web客户端凭据，并将url重定向到
然后下载JSON并重命名为samples文件夹中的oauth2.keys.json。
{
"web": {
"client_id": "XXXXX.apps.googleusercontent.com",
"project_id": "XXXX",
"auth_uri": "https://
浏览 50提问于2018-05-23得票数 1
回答已采纳
2回答
我有一个具有角1.x和角7路由的环境。角1.x路由使用旧的引导3，而角7应该使用引导4。
@import "../../../node_modules/bootstrap/scss/bootstrap.scss";
在组件内部
styles: [`
@import '../../../node_modules/bootstrap/dist/css/bootstrap.css';
`]
但我一直
模块构建错误失败(来自./node_modules/mini-css-extract-plugin/dist/loader.js)：TypeErro
浏览 0提问于2019-03-13得票数 1
1回答
我希望包含从外部到我的角6测试环境的模块，但是得到错误：
TypeError: Cannot read property 'injector' of null
at TestBed.push.../node_modules/@angular/core/fesm5/testing.js.TestBed._createCompilerAndModule (http://localhost:9876/_karma_webpack_/webpack:/node_modules/@angular/core/fesm5/testing.js:1030:1)
at TestBed.push.
浏览 0提问于2018-07-23得票数 0
在将RN升级到0.62.2之后，它失败了，然后显示上面的评估'process.version.split‘。
TypeError:未定义不是对象(计算“”process.version.split“”)
问题出在rn-nodeify上
{
"scripts": {
"android": "react-native run-android",
"ios": "react-native run-ios",
"start": "react-native
浏览 0提问于2020-06-09得票数 1
1回答
我正在学习一门课程，目前正在尝试实现mapbox.js。我直接从mapbox文档中执行了所有的说明，但是在控制台中收到了一个错误：
Uncaught ReferenceError: require is not defined
<anonymous> http://localhost:8000/js/mapbox.js:3
这是我的mapbox.js文件：
var mapboxgl = require('mapbox-gl/dist/mapbox-gl.js');
mapboxgl.accessToken =
'pk.eyJ1IjoiYnJhbmF1c
浏览 6提问于2020-10-14得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
