相关疑难解决方法(0)

如何在Ecmascript 6中访问json文件？以下不起作用:

import config from '../config.json'

如果我尝试导入JavaScript文件,这可以正常工作.

如何从本地目录加载图像并将其包含在reactjs img src标记中？

我有一个图像one.jpeg在与我的组件相同的文件夹内调用,我尝试了两个<img src="one.jpeg" />并<img src={"one.jpeg"} />在我的render函数内,但图像没有出现.此外,我无法访问webpack config文件,因为项目是使用官方create-react-app命令行util 创建的.

更新:如果我首先导入图像import img from './one.jpeg'并在里面使用它img src={img},这是有效的,但我有很多图像文件要导入,因此,我想在表单中使用它们,img src={'image_name.jpeg'}.

我刚刚开始研究一个与MongoDB交互的小节点项目.但是,我似乎无法正确导入相关的节点模块,即使我已正确安装它们npm.

例如,以下代码抛出并出错,告诉我"express没有默认导出":

import express from "express";

但是,此代码有效:

const express = require("express");

所以我的问题是,import和variable/require方法的功能有何不同？我想解决困扰我项目进口的任何问题,因为它似乎可能会导致其他问题.

我一直在尝试在Node.js中调用D3.我首先尝试使用脚本标记从D3的网站导入d3.v2.js,但随后阅读此主题:

我想从Cakefile运行d3

D3的作者建议应该'npm install d3'......我这样做了,我可以在节点控制台中成功调用它:

dpc@ananda:$ node
> var d3 = require("d3");
undefined
> d3.version;
'2.8.1' 

但是,当尝试使用'node app.js'从app.js调用它时,我得到:

node.js:201
    throw e; // process.nextTick error, or 'error' event on first tick
          ^
TypeError: Cannot read property 'BSON' of undefined
at     /Users/dpc/Dropbox/sync/Business/MindfulSound/Development/nad.am/nadam/node_modules/mongoose/node_modules/mongodb/lib/mongodb/index.js:45:44

我意识到在其他地方,D3的作者已明确指出应该需要画布:

https://github.com/mbostock/d3/blob/master/examples/node-canvas/us-counties.js

如:

var Canvas = require("canvas");

但即便如此,(即使在app.js中的require语句中特别要求index.js而不是d3.v2.js),我也无法在Jade模板中使用以下内容:

- script('/javascripts/d3.v2.js')
h1 Dashboard
  section.css-table
    section.two-column
      section.cell
        hr.grey
        h2 Statistics
        #mainGraph
            script(type="text/javascript") 
              var Canvas = require("canvas");
              var w = 400,
                  h = 400,
                  r = Math.min(w, h) / 2,
                  data = d3.range(10).map(Math.random).sort(d3.descending), …

我正在开发一个webpack网站.当我有这样的代码:

import $ from 'jquery';
function foo() {};
module.exports = foo;

我收到了错误Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'.

事实证明,改变import $ from 'jquery'以var $ = require('jquery')不引起任何错误.

为什么用module.exports导入会导致此错误？使用require有什么不对吗？

React Native是否使用require或import？

我只能找到一个旧教程require(),但是当我运行时react-native init,我正在使用一个项目import.这是由于React Native最近的变化吗？

有哪些主要区别？

我正在使用ArcGIS JSAPI 4.12，并希望使用空间幻觉在地图上绘制军事符号。

当我添加milsymbol.js到脚本时，控制台返回错误Uncaught SyntaxError: Cannot use import statement outside a module，因此我添加type="module"到脚本时，它返回Uncaught ReferenceError: ms is not defined。

这是我的代码：

<link rel="stylesheet" href="https://js.arcgis.com/4.12/esri/css/main.css">
<script src="https://js.arcgis.com/4.12/"></script>
<script type="module" src="milsymbol-2.0.0/src/milsymbol.js"></script>

<script>
        require([
          "esri/Map",
          "esri/views/MapView",
          "esri/layers/MapImageLayer",
          "esri/layers/FeatureLayer"
        ], function (Map, MapView, MapImageLayer, FeatureLayer) {

            var symbol = new ms.Symbol("SFG-UCI----D", { size: 30 }).asCanvas(3);
            var map = new Map({
                basemap: "topo-vector"
            });

            var view = new MapView({
                container: "viewDiv",
                map: map,
                center: [121, 23],
                zoom: 7 …

我注意到使用const和import在使用带有Babel的es6语法的node.js应用程序中的引用库之间进行了一些切换.

什么是首选方法,使用const和import有什么区别？假设您可能在许多文件/组件中导入相同的库.

常量

const React = require('react')

进口

import React from 'react'

以下是每个的定义,但我仍然不确定使用哪个.

进口

import语句用于导入从外部模块,另一个脚本等导出的函数,对象或基元.

常量

const声明创建对值的只读引用.它并不意味着它拥有的值是不可变的,只是不能重新赋值变量标识符.

I've got an ApolloServer project that's giving me trouble, so I thought I might update it and ran into issues when using the latest Babel. My "index.js" is:

require('dotenv').config()
import {startServer} from './server'
startServer()

And when I run it I get the error "SyntaxError: Cannot use import statement outside a module". First I tried doing things to convince TPTB* that this was a module (with no success). So I changed the "import" to a "require" and this worked.

But now …

我正在开发一个项目，该项目仍然将 TS 转换为 commonJS 以在 Node 上运行。现在该节点已开始转向 ES 模块，从 commonjs 迁移是否有性能优势？或者说差异只是表面上的？

我知道在以前的版本中不支持本机 ESM，因此旧的答案和其他问题似乎已经过时。因此，我似乎无法找到一个好的答案。