小编ubu*_*god的帖子

babel-loader jsx SyntaxError:意外的令牌

我是React + Webpack的初学者.

我在我的hello world web应用程序中发现了一个奇怪的错误.

我在webpack中使用babel-loader来帮助我将jsx转换为js,但看起来babel无法理解jsx语法.

这是我的依赖项:

"devDependencies": {
  "babel-core": "^6.0.14",
  "babel-loader": "^6.0.0",
  "webpack": "^1.12.2",
  "webpack-dev-server": "^1.12.1"
},
"dependencies": {
  "react": "^0.14.1"
}
Run Code Online (Sandbox Code Playgroud)

这是我的 webpack.config.js

var path = require('path');
module.exports = {
  entry: ['webpack/hot/dev-server',path.resolve(__dirname, 'app/main.js')],
  output: {
    path: path.resolve(__dirname, 'build'),
    filename: 'bundle.js'
  },
  module: {
      loaders: [
          { test: /\.js$/, exclude: /node_modules/, loader: "babel-loader"}
      ]
  }
};
Run Code Online (Sandbox Code Playgroud)

这是我的 app/main.js

var React = require("react");
React.render(<h1>hello world</h1>,document.getElementById("app"));
Run Code Online (Sandbox Code Playgroud)

这是错误信息

ERROR in ./app/main.js
Module build failed: SyntaxError: ~/**/app/main.js: Unexpected token (2:13)
  1 | …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs webpack babeljs

308
推荐指数
5
解决办法
27万
查看次数

javascript从html输入中删除"禁用"属性

如何使用javascript从HTML输入中删除"禁用"属性?

<input id="edit" disabled>
Run Code Online (Sandbox Code Playgroud)

在onClick我希望我的输入标签不包含"禁用"属性.

javascript attributes input

82
推荐指数
3
解决办法
18万
查看次数

令人惊讶的是,全局变量在JavaScript中具有未定义的值

今天,当我看到全局变量undefined在某些情况下具有价值时,我完全感到惊讶.

例:

var value = 10;
function test() {
    //A
    console.log(value);
    var value = 20;

    //B
    console.log(value);
}
test();
Run Code Online (Sandbox Code Playgroud)

输出为

undefined
20
Run Code Online (Sandbox Code Playgroud)

这里,为什么JavaScript引擎将全球价值视为undefined.我知道JavaScript是一种解释型语言.如何在函数中考虑变量?

这是JavaScript引擎的陷阱吗?

javascript scope

79
推荐指数
3
解决办法
6万
查看次数

为什么在C++中的容器中存储引用(而不是指针)不起作用?

在我的程序中,我有一个STL集.

set<string> myStrings;
Run Code Online (Sandbox Code Playgroud)

为了提高代码的效率,我把它改为hold,只有指针.(我不需要存储实际的字符串副本.)

set<string*> myStrings;
Run Code Online (Sandbox Code Playgroud)

我已经读过,在可能的情况下用指针替换指针是一个好习惯.(当然,仅当不需要指针的实际功能时.)

set<string&> myStrings;
Run Code Online (Sandbox Code Playgroud)

但后者给了我很多编译器错误.为什么不能将引用用作容器元素?

c++ containers stl reference

24
推荐指数
3
解决办法
1万
查看次数

什么是 HTML 模块?

HTML 模块到底是什么?据我所知,它可能允许开发人员将 HTML 创建为模块,就像 ES6 模块与 JavaScript 一样。

但是,这些模块基本上都是像 Mustache、Handlebars 和 Pug 这样的模板吗?或者它就像类似模板系统的包装器,允许我们轻松地将 HTML 文件导入到另一个 HTML 文件中?

它会为避免使用利用 Web 组件的模板库铺平道路吗?

[更新] 这是我找到此内容的链接 - https://github.com/w3c/webcomponents/blob/gh-pages/proposals/html-modules-explainer.md

html module

7
推荐指数
1
解决办法
9129
查看次数

c ++ win32设置游标位置

我知道要使用哪个功能,但我无法正常工作.我使用SetCursorPos()的唯一问题是它将光标设置为不是窗口坐标而是屏幕坐标.我也试过了,ScreenToClient()但它没有奏效.
这是我的代码:

pt.x=113;
pt.y=280;
ScreenToClient(hWnd, &pt);
SetCursorPos(pt.x, pt.y);
Run Code Online (Sandbox Code Playgroud)

任何的想法?我正在使用win32.我希望我提供足够的信息.

c++ winapi cursor visual-c++

4
推荐指数
1
解决办法
2万
查看次数

无法在 Nginx 服务器中使用 LetsEncrypt 设置 HTTPS

我按照以下教程在 DigitalOcean 上为我的网站设置 https:https ://www.digitalocean.com/community/tutorials/how-to-deploy-a-laravel-application-with-nginx-on-ubuntu-16- 04

但是,我被困在了这个地方 - 第 6 步 - 使用 TLS 保护您的应用程序

include snippets/ssl-example.com.conf;
include snippets/ssl-params.conf;
Run Code Online (Sandbox Code Playgroud)

ssl-*.conf我的snippets文件夹中没有匹配上述TLS conf文件中的行。到目前为止,我没有看到任何其他错误。我可以使用 Http 查看我的网站,但不能使用 HTTPS。

该命令sudo nginx -t产生:

nginx: [emerg] open() "/etc/nginx/snippets/ssl-example.com.conf" failed (2: No such file or directory) in /etc/nginx/sites-enabled/example.com:13
Run Code Online (Sandbox Code Playgroud)

是的,这些文件不存在。所以,我猜本教程跳过了生成这些文件的步骤。

该命令ls /etc/nginx/snippets产生:

fastcgi-php.conf
snakeoil.conf
Run Code Online (Sandbox Code Playgroud)

显然ssl-*.conf文件丢失了。

请帮忙。我尝试向 DigitalOcean 社区寻求帮助,但没有得到任何帮助。

提前致谢。

https nginx digital-ocean lets-encrypt

3
推荐指数
1
解决办法
2908
查看次数

获取url参数:如果在输入字段的name属性中使用了第三个括号,则JavaScript无效

我使用下面的JavaScript代码从URL获取参数并检查输入字段.如果我name="community[]"在输入字段中不使用第三个括号,它工作正常.如果我在JavaScript代码中使用了第三个括号,那么它就不起作用了.

HTML

<input type="checkbox" id="type" name="community[]" value="<?php echo $comvalue;?>">
Run Code Online (Sandbox Code Playgroud)

JavaScript的

var i = document.location.href.lastIndexOf('?');
document.location.href.substr(i+1).replace(/community=/g,'').split('&');
$('input[name="community"]').prop('checked',function(){
     return $.inArray(this.value,types) !== -1;
});
Run Code Online (Sandbox Code Playgroud)

html javascript php jquery

2
推荐指数
1
解决办法
46
查看次数

如何在 ES6 中实现命名构造函数

我正在尝试在 ES6 中实现命名构造函数的使用。这样做的原因是我认为避免使用new关键字调用构造函数,而是使用类的简单方法来使用其他方法会更令人愉快。我想为此使用静态函数作为Proxy构造函数。

\n\n

我尝试了以下方法:

\n\n

\r\n
\r\n
class Person {\r\n  constructor(...props) {\r\n    let {name, age} = props;\r\n    this.name = name;\r\n    this.age = age;\r\n  }\r\n  static create(...props) {\r\n    return new Person(props);\r\n  }\r\n  \r\n  display() {\r\n    console.log(this)\r\n  }\r\n}\r\n\r\nPerson.create({name: \'John\', age: 28}).display(); //Simple object input
Run Code Online (Sandbox Code Playgroud)\r\n
\r\n
\r\n

\n\n

但这不会起作用,因为简单的对象输入给出:

\n\n
Person\xc2\xa0{name: undefined, age: undefined}\n
Run Code Online (Sandbox Code Playgroud)\n\n

任何帮助,将不胜感激。

\n\n

更新:谢谢,@appleapple 的回答很有帮助。我没有注意到我正在传递一个参数。对于那些想知道如何为 n-Ary 构造函数方法完成此操作的人(当然使用对象很简洁,但仍然如此),这里有一个示例:

\n\n

\r\n
\r\n
Person\xc2\xa0{name: undefined, age: undefined}\n
Run Code Online (Sandbox Code Playgroud)\r\n
\r\n
\r\n

\n

javascript ecmascript-6 es6-class

1
推荐指数
1
解决办法
2572
查看次数