javascript - 意外字符 '#'

标签 javascript npm webpack ecmascript-next

我使用 webpack 加载依赖项,当我运行 npm run dev 命令时出现此错误:

Uncaught Error: Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: D:\www\playing-with-texture-projection-in-three-js\src\lib\WebGLApp.js: Unexpected character '#' ;

                       export default class WebGLApp {
                           #updateListeners = []
                           #tmpTarget = new THREE.Vector3()
                           #rafID
                           #lastTime

                           constructor({
                              background = '#000',
                              backgroundAlpha = 1,
                              fov = 45,
                              near = 0.01,
                              far = 100,
                              ...options
                              } = {}) {
                              this.rend
                           .......
                           .......

我缺少什么(我使用纯 JavaScript 和一些库)?

最佳答案

正如 @PatrickHund 在评论中指出的,这是 EcmaScript 中的一项新功能。

您必须使用 babel-plugin-transform-class-properties 插件来转换它们。

来源:https://sitepoint.com/javascript-private-class-fields

关于javascript - 意外字符 '#',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59667292/

相关文章:

javascript - 从年龄获取出生日期的逻辑以年月日表示

javascript - moment.js 日期/时间比较

javascript - 控制台无法输出该目录下的文件?

node.js - npm 命令行工具的状态保存在哪里?

npm install [package] 删除包

javascript - 将 Electron 渲染器添加到 webpack 时“未定义要求”

javascript - 如何将 Facebook "Like"按钮添加到 AJAX 驱动页面

npm - 如何在我的电脑上更改我的节点版本

docker - 带有 webpack 的整体 docker 应用程序

javascript - webpack css 加载器不工作