问题 模块解析失败:带括号的模式您可能需要一个适当的加载器来处理此文件类型


我使用以下命令创建了一个全新的angular 2应用程序:

ng init
ng server

我收到此错误输出:

chunk    {1} styles.bundle.js, styles.bundle.map (styles) 9.96 kB {3} [initial] [rendered]
chunk    {2} vendor.bundle.js, vendor.bundle.map (vendor) 2.65 MB [initial] [rendered]
chunk    {3} inline.bundle.js, inline.bundle.map (inline) 0 bytes [entry] [rendered]
ERROR in ./~/@angular/core/src/util/decorators.js
Module parse failed: /Users/nikolaschou/Dev/coziv/sandbox01/blockhowapp/temp/node_modules/@angular/core/src/util/decorators.js Parenthesized pattern (156:12)
You may need an appropriate loader to handle this file type.
|if (clsDef.hasOwnProperty('extends')) {
|  if (typeof clsDef.extends === 'function') {

谁能解释为什么我会得到这个错误?我看到报告了很多类似的错误,但不完全是这种变化。

更多细节

我可以说ng服务在同一台机器上的另一个angular-2应用程序文件夹中运行良好,我比较了这两个文件夹,但没有看到任何可以解释这种行为的明显差异。

我使用最新iOS的Mac,这是ng --version的输出:

angular-cli: 1.0.0-beta.26
node: 6.6.0
os: darwin x64
@angular/common: 2.4.5
@angular/compiler: 2.4.5
@angular/core: 2.4.5
@angular/forms: 2.4.5
@angular/http: 2.4.5
@angular/platform-browser: 2.4.5
@angular/platform-browser-dynamic: 2.4.5
@angular/router: 3.4.5
@angular/compiler-cli: 2.4.5

8334
2018-02-02 22:29


起源

你使用的是哪个版本的webpack?我们在webpack /骨干网设置方面遇到了类似的问题。 - Pierre Drescher
我们也刚开始看到这个。使用webpack 2.2.0。我猜测某人的传递依赖已经升级并且正在破坏事物...... - RutledgePaulV
最新@ angular / cli beta.29,webpack 2.2.0 - 同样的事情 - ykravch
github上的相关问题: github.com/angular/angular-cli/issues/4378 - Nodarii
我认为可能是 npmjs.com/package/acorn ?最近从4.0.4更新到4.0.5是的。在这里看到这个问题: github.com/ternjs/acorn/issues/502 - Pierre Drescher


答案:


导致此失败的依赖关系现在已更新。如果您卸载webpack并重新安装webpack,它会将acorn更新到4.0.7版。这应该可以解决您的问题。

https://github.com/ternjs/acorn/issues/502

或者只是跑步

npm i acorn@4.0.8 来自项目目录(感谢@nodarii)


14
2018-02-03 00:02



赶紧跑 npm i acorn@4.0.7 从项目目录 - Nodarii
哇,那很有用! Thx队友。 - Nikola Schou
我应该补充一点,我刚刚运行了npm i acorn@4.0.7,并且在此次服务之后立即再次运行。 - Nikola Schou
他们是acorn@4.0.7的一些挥之不去的问题 - 他们刚刚发布4.0.8修复了一切。我已经更新了我的答案。 - Pierre Drescher