在运行npm build run之后，我收到了以下错误，该错误在使用spread操作符删除行后消失：
> react-scripts build
Creating an optimized production build...
Failed to compile.
./src/Footer.js
Attempted import error: 'getText' is not exported from './Getters'.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! test-red
浏览 5提问于2020-08-24得票数 0
2回答
我的测试文件的代码是：
var React = require('react');
var {shalow} = require('enzyme')
var {SearchBox} = require('../static/js/functions')
var expect = require('expect');
describe('Test', function(){
it('1', function(){
expect(true).toEqual(true);
});
});
浏览 3提问于2016-08-02得票数 0
因此，我尝试在另一个脚本b.js中调用在a.js中创建的函数jsonToAim() 这是我在a.js中定义它的方式： export function jsonToAim(jsonObj){...} 这就是我在b.js中的叫法 const backend = require('./a')`
let aimObj = backend.jsonToAim(jsonObj); 我最终得到了这个错误： export function jsonToAim(jsonObj){
^^^^^^
SyntaxError: Unexpected token 'export'
浏览 21提问于2020-10-14得票数 0
我正在学习如何使用无状态功能组件，并要求如下所示：
const Button = require('./components/Button');
在Button.js中：
import React from 'react';
const { Text, View, TouchableOpacity,} = ReactNative;
const Button = () => {
return (
<View><Text>Button</Text></View>
);
}
ex
浏览 2提问于2016-10-24得票数 0
回答已采纳
我有一个Javascript文件utils.js，其中包含一些实用程序函数。下面是一个示例：
export function RemoveHTML(Str) {
return Str.replace(/<[^>]*(?:>|$)/gi,'');
}
我可以通过像这样导入utils.js文件来使用这些函数：
import {RemoveHTML} from '../js/utils.js';
我还为一些数据查询提供了一个model.js文件(简化的伪代码)：
async function getStuff() {
await DB
浏览 7提问于2020-05-01得票数 3
1回答
我已经构建了一个react组件，我想从独立文件中的第二个组件中呈现该组件。
StoryStrap.react.js
var React = require('react');
import { Input, ButtonInput, Alert } from 'react-bootstrap';
var StoryStrap = React.createClass({
render: function() {
return (
<div>
<Input type="text&#
浏览 2提问于2015-12-09得票数 0
//Govegan.js
console.log('inside Govegan.js');
export function MyLife(){
//empty funciton
}
//index.js
import React from 'react';
import ReactDOM from 'react-dom';
import {Govegan} from './Govegan';
class App extends.React.Component{
render(){
return(<div>
浏览 2提问于2017-04-17得票数 1
回答已采纳
我目前是后端新手，并且在我的项目中使用ES6 modules 当我将控制器文件导入到index.js并启动项目时，它会显示:- 语法错误:请求的模块‘./server/controller/Controler.js’没有提供名为'default‘的导出 当我将其导入为:- import {controller} from './server/controller/controller.js'
^^^^^^^^^^
Syntax Error: The requested module './server/controller/controller
浏览 27提问于2021-09-05得票数 1
回答已采纳
我快疯了。
我需要开始用JavaScript编写一个独立的非web应用程序。
我的问题是我可以很好地运行(使用nodejs)脚本，但是我不能将我需要编写的代码拆分到多个文件中，因为那时我不知道如何包含它们。
现在，我所需要的只是在另一个文件中包含一个JS文件的最简单的工作示例，这样我就可以使用在其中定义的函数(如果我愿意的话，还可以使用类)。
我的test.js看起来像这样。
const { outputText } = require("./text_module.node.js");
outputText();
虽然我的text_module.node.js看起来是这样的：
浏览 0提问于2021-05-18得票数 0
回答已采纳
下面是一些人为的代码：
// index.js
import { log } from './log';
log('hello world');
// log.js
export const log = string => console.log(string);
在没有配置的情况下构建它会产生以下字符串化源：
"__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _log__WEBPACK_IMPORTED_MODULE_0__ = __webpack_r
浏览 2提问于2020-10-03得票数 0
回答已采纳
我正在用Node和ES6构建一个应用程序。这个应用程序有一个库，我想跨项目使用。为了解决这个问题，库的目录结构如下所示：
lib
logging
logManager.js
logEntry.js
security
user.js
role.js
我的实际结构是不同的。我选择了logging和security来使这个问题更容易理解。不过，我的代码目前看起来是这样的：
logManager.js
'use strict';
var User = require('../security/user.js');
class L
浏览 1提问于2015-11-25得票数 0
回答已采纳
1回答
如果我有一个库，比如utils.js，如下所示
exports.foo = function () {
return 'foo';
};
exports.bar = function () {
return 'bar';
};
如下所示：
import {foo} from './libs/utils';
console.log(foo());
不是很壮观，但我觉得这个问题是文章中描述的问题的根源。无论如何，我不能让它与一起工作。我必须修改代码才能修复它
import utils from './libs/utils&
浏览 0提问于2017-02-23得票数 3
回答已采纳
1回答
我正在学习Vuex，但是运行mapState面临挑战，我认为mapGetters和mapMutations也会带来同样的挑战。
我正在非节点环境中运行xampp localhost中的代码，并且一直收到以下错误：
Uncaught SyntaxError: Unexpected token {
以下是我的代码：
index.html
<script src="./vue.js"></script>
<!--<script src="./vuex.min.js"></script>-->
<di
浏览 2提问于2018-01-09得票数 2
回答已采纳
我想在main.js中导入test.js，我遇到了以下错误。
我完全搞不懂如何修复它和如何正确地导出。
SyntaxError: Unexpected token export
如果有人有意见，请让我知道。
谢谢
test.js
export default class Test {
constructor(quizData){
this._quizzes = quizData.results;
this._correctAnswersNum = 0;
}
getNumOfQuiz(){
return this
浏览 0提问于2020-08-13得票数 0
1回答
我有一个简单的文件numeral.js，我正在尝试通过节点运行mocha来测试它。
然而，一个下午的搜寻使我处于第一关。
Numeral.js：
"use strict";
exports.__esModule = true;
exports.numeral = function (id) {
return "";
};
test.js
import {numeral} from './numeral.js'
var assert = require('assert');
describe('Array'
浏览 0提问于2017-08-16得票数 0
回答已采纳
我试图在一个import UWP项目中使用JavaScript功能，这样我就可以将我的程序划分成更小的模块。
我通过Visual 2017创建了一个基本空白项目。我选择四月更新的最低和目标SDK版本。这给了我一个main.js和index.html。
首先，添加我自己的名为JavaScript的mymodule.js文件。mymodule.js的内容如下：
export default function sum(x, y) {
return x + y;
}
我将main.js内容更改为：
import { sum } from './mymodule';
wind
浏览 0提问于2018-10-20得票数 0
回答已采纳
错误是这样写的**导入反应，{Component}从' React '；
SyntaxError: Cannot use import statement outside a module
at Module._compile (internal/modules/cjs/loader.js:891:18)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:991:10)
at Module.load (internal/modules/cjs/loader.js:811:32
浏览 2提问于2020-05-07得票数 2
回答已采纳
我有一个Vue CLI的vuex模块
import { Sev } from "../api";
const modules = {
actions: {
getData() {
Sev();
}
}
};
module.exports = modules;
我在浏览器控制台上发现一个错误
test.js?5df4:10 Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'
浏览 2提问于2020-04-10得票数 2
回答已采纳
2回答
我有一个名为checkbox.js的文件，它包含以下内容
import 'icheck/skins/all.css'
import react_icheck from 'react-icheck'
export default react_icheck
为什么我这样做是因为我想减少一行，那就是import 'icheck/skins/all.css‘放在我的模块中。例如，我有3个模块: 1.产品，产品细节和设置，它们都使用了icheck，我想避免在3个不同的地方导入'icheck/skins/all.css‘。这就是为什么我有一个名为check
浏览 0提问于2017-03-01得票数 2
我正在构建react本地应用程序，它成功地在安卓和iOS上运行。我想转换反应-本地应用程序到网络应用程序。我尝试了以下教程：以及一些源代码()。但是，当我在web上运行时，会出现错误:尝试导入错误：'ApiGet‘不是从'./apiFetcher’导出的。
我的代码：
//apiGet.js
function ApiGet(){
//some code
}
module.exports = {ApiGet}
//another file import
import {ApiGet} from './apiGet.js';
我尝试了一个用这个语法导入导出测
浏览 0提问于2019-05-04得票数 0
我使用handlebars.js客户端已经有一段时间了，我想开始使用预编译模板。我遵循了我可以在网上找到的一般说明，包括在Node.js上安装它：
npm install handlebars -g
接下来，我转到我的Node.js目录并尝试编译一个简单的模板：
handlebars test.handlebars -f test.js
我收到一个错误(命令提示符，请注意，我很抱歉)：
C:\Users\Administrator\AppData\Roaming\npm\node_modules\handlebars\lib\handlebars.js:1
(function (exports
浏览 2提问于2013-11-04得票数 3
回答已采纳
1回答
使剩馀减速器和其他非组件的热负荷
、、、、
我很难让我的减速机热换。
我在用Webpack和react-transform-hmr。这样，当我保存时，所有的CSS和组件都是热加载的，但是当我尝试并使用另一种类型--尤其是还原器--时，它会告诉我要做一个完整的刷新。
我发现这是因为我需要显式地重新加载减速器并接受事件。我正在用我的store.js中的代码来做这个
if(module.hot) {
module.hot.accept('./reducers/', () => {
const nextRootReducer = require('./reducers/index');
浏览 2提问于2015-12-12得票数 9
回答已采纳
我目前正在重构我的angularjs应用程序，以便使用webpack和lazyloading。
我希望只从angularjs模块加载一个指令，而不是将整个模块加载到，以防止生成包中未使用的代码。
有可能吗，有小改动的
有点像
import {MyDirective} from './my-module.js';
浏览 1提问于2018-05-08得票数 5
回答已采纳
在较长的时间里，我一直在问自己，在Node.js中导出整个类的这3种方法是否有真正的区别。在不同的方法中，是否有“正确”的方式或任何不同之处？
假设我们有这个示例类：
class Foo {
constructor() {
this.name = 'foobar';
}
bar() {
console.log(this.name);
}
}
在Node.js环境中导出该类的正确方法是什么？
module.exports = new Foo();
或
module.exports = new Foo;
或
modu
浏览 0提问于2019-01-05得票数 0
回答已采纳
我正在用Vue.js 2构建我的第一个应用程序，但是找不到错误。
我使用的是完整构建(webpack.config.js)：
resolve: {
alias: {
'vue$': 'vue/dist/vue.js',
"vueRouter$": "vue-router/dist/vue-router.js"
},
extensions: ['*', '.js', '.vue',
浏览 2提问于2018-01-15得票数 2
回答已采纳
1回答
进口报表和Babel
、、、、
我使用Facebook的keyMirror定义两个常量。
// file1.js
import keyMirror from 'fbjs/lib/keyMirror'
export default keyMirror({
CONST1: null,
CONST2: null,
})
然后在file2.js中导入它们
// file2.js
import { CONST1, CONST2 } from './file1'
console.log(CONST1) // undefined
他们的价值观是无法解决的。如果我像这样更改file2.js：
浏览 6提问于2015-12-14得票数 3
回答已采纳
1回答
我正在第一次构建一个npm包(ES6 + Babel)，我在将它连接在一起时遇到了问题，这样最终用户就可以导入它了。
我的构建(输出)文件夹结构与src相同：
build
- index.js
- BaseClass.js
sublclasses
- SubClassA.js
- SubClassB.js
SubClassA和SubClassB导入和扩展BaseClass，并且都使用module.exports导出。入口点index.js只有两行：
import SubClassA from './subclasses/SubCl
浏览 3提问于2017-09-08得票数 1
回答已采纳
我已经将video.js 5.16.0和视频my record 1.6.0包含在我的Bower.json中，生成的JavaScript代码被注入到下面的index.html中
<!DOCTYPE html>
<html>
<head>
<base href="/">
<title>SelectPOP</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0,
浏览 0提问于2018-12-11得票数 1
回答已采纳
1回答
我正在将这个javascript项目()转换为类型记录。
当我在html脚本标记中导入转置的类型记录文件时，我得到了一个错误。
<script>
var handlers = {}
</script>
<script type="module">
import { Initilatizion } from "./init.js";
handlers.init = Initilatizion.init;
</script>
错误是：Uncaught SyntaxError: The requested m
浏览 3提问于2020-09-05得票数 3
回答已采纳
我正在探索ES6 module，并试图找出我们使用ES6模块而不是closure与module pattern(MP)一起获得的额外优势。
例如，util.js in ES6。
var util ={
abc:function(){
//function body
},
def:function(){
// function body
}
export default utils; // here export is exposing the entire object
}
使用闭包和模块模式的uti
浏览 2提问于2016-03-04得票数 8
1回答
我是javascript和nodejs的新手，我正在使用这个项目来开发我的技能和学习新技术。目前，我的项目使用相互依赖的多个类。类文件位于不同的目录中，我目前正在尝试使用export和require语句来允许在其他文件中引用类。我还使用browserify和watchify将所有文件捆绑在一起，以简化html脚本标记。
下面是项目布局(JavaScript文件夹)
-Base (Folder)
--Game.js (Class)
--Player.js (Class)
--Ball.js (Class)
-Helpers (Folder)
--Draw.js (Class)
--He
浏览 3提问于2017-08-18得票数 4
1回答
理解ES6模块的代码执行
、、、、
问题在下面提到。
我已经使用Webpack相当一段时间与我的反应生产建设。
我对ES6模块产生了兴趣，它涉及代码分离和执行。
所以我想出了下面的测试代码来理解模块的行为。
代码放在src文件夹中。Webpack将代码捆绑在一起，然后将bundle.js与node ./dist/bundle.js一起运行。
代码：
./src/index.js
import node1 from "./node1";
import node2 from "./node2";
function part() {
node1();
node2();
}
part()
浏览 2提问于2018-05-27得票数 2
回答已采纳
2回答
我有api.js，它加载mock.js或server.js并导出它。结果是，基于服务器环境变量，我可以在后端之间交换。
的问题是，我想在运行时中执行，而不影响已经使用mock.js和server.js模块的"api“的所有代码。
我希望我的应用程序使用mock.js或server.js，这取决于连接状态。以下代码将仅在初始化期间工作，而不是运行时。
import server from './server'
import mock from './mock'
let backend = null
if (process.env.NODE_ENV ===
浏览 4提问于2017-08-04得票数 1
回答已采纳
我正在尝试从文件"paddle.js“导入一个JS类，以便在另一个文件"game.js”中使用(不使用JS库或框架，只使用简单的VanillaJS)，我似乎不明白为什么这种导入/导出不起作用。我已经看过太多这样的例子和教程，我完全按照他们说的做了，但它就是不起作用。这可能是一个愚蠢的问题，但任何帮助都是非常感谢的。
这是来自我正在学习的YT教程，基本上我只是在paddle.js的顶部添加了“导出默认类桨"，并在game.js中包含了一个像"import Paddle from './paddle‘”这样的导入语句。然后在game.js文件中实例化该类。但
浏览 49提问于2019-07-10得票数 0
回答已采纳
有没有一种使用ES6或ES7或babel的语法，可以让我轻松地将许多组子文件捆绑在一起？
例如，给定：
./action_creators/index.js
./action_creators/foo_actions.js
./action_creators/bar_actions.js
让index.js导入foo和bar操作，然后重新导出它们，这样我就可以
import {FooAction, BarAction} from './action_creators/index.js'
如果我要更改对象本身所组织到的文件，我不想记住/更改引用。
浏览 0提问于2016-06-28得票数 82
回答已采纳
我在试着看打字稿。我编写了一个琐碎的"hello“类型记录模块和。非常简单，只是做一个默认的导出：
export default function hello(target: string = 'World'): void
{
console.log(`Hello, ${target} :-(`)
}
node.js 0.10 -> 6很好地使用了它。该模块还在package.json中具有适当的"typings"属性，指向由tsc 生成的现有.d.ts文件：
export default function hello(target?: s
浏览 2提问于2016-07-19得票数 2
回答已采纳
我安装了带有jQuery的npm -install jquery，它在我的项目中创建了一个带有jquery的node_modules文件夹。但是，当我试图使用ES6导入它时，它会给我一个错误。
我不想用Webpack，也不需要()，要编译.别的什么都是普通的香草ES6。
我总是犯这个错误
Uncaught :请求的模块‘./node_ does /jquery/dist/jquery.min.js’不提供名为“$”的导出。
或
Uncaught :请求的模块‘./node_ does /jquery/src/jquery.js’不提供名为“$”的导出。
项目结构
.
├── i
浏览 0提问于2019-02-08得票数 10
对于此，为什么会出现下面的错误
Uncaught TypeError: (0 , _docready2.default) is not a function
at Object.1.docready (bundle.min.js:32)
我的主文件：
import docReady from 'docready';
docReady(function() {
console.log("DOM is ready. Let's party");
});
浏览 3提问于2017-08-04得票数 0
回答已采纳
我正尝试在我的three.js场景中添加stats.js (一个小fps计数器)。该项目使用rollup来捆绑所有内容，在尝试导入Stats后，我一直收到这个错误，如下所示：
import { Stats } from 'stats.js'
错误为：
[!] Error: 'Stats' is
not exported by node_modules\stats.js\build\stats.min.js, imported by src\main.js
我的汇总配置如下所示：
import resolve from '@rollup/plugin-no
浏览 6提问于2020-07-06得票数 0
2回答
我试图将一个函数导入到我的Vue组件中。我为我的函数创建了一个单独的js文件：
randomId.js：
exports.randomId = () => //My function ...
在Vue组件中，我导入了随机js：
let randomId = require('../functions/randomId');
randomId();
但Webpack却犯了"randomId不是一个函数“的错误。我试图使用导入语法导入文件，但错误仍然存在。
import randomId from '../functions/randomId';
我应
浏览 2提问于2018-08-09得票数 7
回答已采纳
1回答
我试图为另一个这样的问题创建一个演示，首先用角键，然后用朋克。
我在两个版本的import中遇到了一个奇怪的行为差异。
问题出现在以下代码的第二个import中：
moment.service.ts
import { Injectable } from '@angular/core';
// Following work in plunker setup
import m from 'moment';
// Following work in angular-cli setup
//import * as m from 'moment';
@
浏览 1提问于2016-10-15得票数 7
回答已采纳
我有一个基于JavaScript / Node的项目。在server.js文件(启动节点http服务器)中，我定义了一个基于const的变量，名为redisClient。我有另一个名为控制器的目录，大约有5个控制器文件(全部是*.js文件)。
如何从基于控制器的文件中访问redisClient const实例？
浏览 4提问于2017-04-27得票数 0
回答已采纳
3回答
原始变量在ES6模块中导出，如下所示：
export const url = 'https://example.com/api'
我知道我可以通过import {url} from 'src/api'使用这个变量
但问题是我不能在gatsby-config.js文件中使用import，只能使用ES5语法。
我试过这样做：
const {url} = require('src/api')
但它不起作用，在gatsby develop时会出现错误
错误如下：
export const url = 'https://example.com/ap
浏览 2提问于2020-07-24得票数 1
我正在尝试将我以前的主干项目从RequireJS迁移到Webpack。也许只是不完全理解webpack是如何工作的，但这里是代码。 main.js： require(['application'], function(App) {
App.initialize()
}) application.js： define(['router'], function(Router) {
return {
initialize: function() {
Router.initialize()
}
}
}) 由于某些原因，当我运行我
浏览 22提问于2019-12-25得票数 0
2回答
我试图使用module.exports创建一个“全局”函数，我可以在我的React项目中使用这个函数来使用Axios进行API调用。
我试过以下方法..。
import axios from 'axios';
module.exports = {
fetchApi: function (endPoint) {
var encodedURI = window.encodeURI('http://localhost:3001/' + endPoint);
return axios.get(encodeURI)
浏览 2提问于2019-07-31得票数 6
回答已采纳
2回答
我正在使用WebStorm 2016.2.2构建一个项目。我使用的是Node.js 6.6.0版本。我已经将JavaScript版本设置为ES6，但是对于import和export关键字，我都得到了“意外的令牌”错误。我没有收到Lambda表达式BTW的错误。
为什么会出现这个错误？我是不是做错了什么，或者节点在没有Babel的情况下不支持import和export (即使我已经将JavaScript版本设置为ES6)？
浏览 3提问于2016-10-07得票数 5
回答已采纳
1回答
我正在尝试将一个项目转换为TypeScript，并且我已经设置好了大部分东西，但我仍然在努力将最后几个部分组合在一起。我希望能够从一个普通的JavaScript项目中使用这个TypesScript项目，因此我的理解是，我需要为我现有的源代码发出d.ts文件。我的源代码目前都是.js，我们计划随着时间的推移慢慢迁移到TS。我的问题是使用当前的exports/require语句发出声明。 这个问题的一个简单演示： mod1.js class MyClass {
constructor(name) {
this.name = name;
}
}
module.ex
浏览 469提问于2020-02-01得票数 8
1回答
我试图使用ES6语法将一个服务导入控制器，但是我遇到了注入问题
CategoriesService.js
export default class CategoriesService {
constructor() {
this.getCategories = function ($q) {
var deferred = $q.defer();
deferred.resolve([
{
id: '1',
浏览 0提问于2016-04-16得票数 0
回答已采纳
1回答
我有一个这样的constants.js文件：
var keyvalues = {
"var1": 0.08,
"var2": 0.08,
"var3": 0.07,
"var4": 0.065
}
我想从另一个js文件中更改值。
我的app.js文件是这样的：
app.post('/updateValue', (req, res)=>{
let a = constants.keyvalues
const existingKey = req.body.key;
浏览 5提问于2021-04-04得票数 0
2回答
嗨，我在试图导入组件时出错了(im使用流类型)
这是我的ReloadScreenPayLater.component.js
/**
* Reload Screen Component
* @param {Props} onReload - reload Parameter
* @return {React.Node} - return react component
*/
const ReloadScreenPaylater = ({ onReload }: Props): React.Node => (
<ReloadScreen onReload={onRelo
浏览 7提问于2022-04-05得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
