构建开发失败：无法将属性“fileSystem”设置为 null

Posted 2023-02-22

【中文标题】构建开发失败：无法将属性“fileSystem”设置为 null

【英文标题】：build dev failed: Cannot set property 'fileSystem' of null

【发布时间】：2017-06-02 20:40:20

【问题描述】：

我正在尝试运行 Ionic 2 应用程序。我在运行ionic serve时遇到以下错误@

完整的日志如下：

λ ionic serve                                                              

> ionic-hello-world@ ionic:serve D:\ionic         
> ionic-app-scripts serve                                                  

[18:11:23]  ionic-app-scripts 0.0.47                                       
[18:11:24]  watch started ...                                              
[18:11:24]  build dev started ...                                          
[18:11:24]  clean started ...                                              
[18:11:24]  clean finished in 6 ms                                         
[18:11:24]  copy started ...                                               
[18:11:24]  transpile started ...                                          
[18:11:28]  transpile finished in 4.15 s                                   
[18:11:28]  webpack started ...                                            
[18:11:28]  build dev failed: Cannot set property 'fileSystem' of null     
[18:11:28]  dev server running: http://localhost:8100/                     

[18:11:28]  copy finished in 4.39 s                                        
[18:11:28]  watch ready in 4.44 s   

【问题讨论】：

从今天开始我遇到了同样的问题，对所有节点都进行了核对，但仍然得到它。

可以分享一下 package.json 吗？

如果您最近使用了npm i -g ionic cordova，请确保像@suraj 建议的那样匹配您的包裹。见：github.com/driftyco/ionic/blob/master/…

从昨晚开始我也遇到了同样的问题。该项目正在建设中，直到昨天下午 4 点。看来这件事从昨天就开始了。如果您碰巧找到任何解决方案，请分享信息。我也会分享我的发现。

我做到了；从 RC 4 到 RC 5。但那是在我开始在 RC4 中遇到这个问题之后。

【参考方案1】：

将您的 ionic 应用脚本更新到最新版本。 RC5 版本是 1.0.0。

npm install @ionic/app-scripts@latest --save-dev。

按照建议，检查来自 here 的 package.json。

运行npm install

【讨论】：

并且不要忘记更新 package.json 并且再次运行npm install！

这很好用，谢谢我错过了“sw-toolbox”：“3.4.0”，一旦我将它添加到我的 package.json 中，Visual Studio 安装了它，一切都开始照常工作.非常感谢

太好了，非常感谢:)

没问题@Sampath ..:) 哇，这似乎是一个常见问题.. 没想到答案会引起很多关注

【参考方案2】：

这对我有用： 在您的项目中转到 yourProjectname\node_modules\@typesoject

然后安装

$ npm install pouchdb @types/pouchdb

您现在可以使用

import PouchDB from 'pouchdb';

这里解释here

【参考方案3】：

Ionic2 应用程序也遇到了这个问题。当我尝试在波纹浏览器中运行该应用程序时，它告诉我“你几乎准备好了！如果你看到这个页面，那么你仍然需要为 Visual Studio 安装 NPM Task Runner 扩展并再次运行此应用。您可以从以下位置下载扩展："。

为了解决我在使用 Visual Studio 2015 Update3 时遇到的问题，我付出了很多努力。

最后我得到了一个解决方案问题是 ionic "@ionic/app-scripts"。

为了解决这个问题，我采取了以下步骤。

1] 在命令提示符中执行命令“npm uninstall -g ionic”。 2] 将 @ionic/app-scripts 的版本更新为 1.1.4，即 package.json 文件中的 "@ionic/app-scripts": "1.1.4" 并保存文件。 3] 在命令提示符中执行命令“npm install -g ionic”。 它会给出一些警告，不需要警惕。 4] 我再次通过右键单击 packages.json 文件完成了恢复包。 5]接下来转到Visual Studio中的查看菜单并从那里选择其他窗口选择Task Runner Explorer。 6] 右击 ionic:build 选择 Binding > Before Build（它会在部署到 www 目录之前先构建所有 ionic 组件。

在开始这些步骤之前，请确保您已删除 node_module 文件夹。

这就是我设置的所有内容，应用程序开始正常工作。

希望对大家有所帮助。 第二种解决方案是黑色项目采用 sidemenu 项目，即使您未能执行上述步骤并重新启动 Visual Studio 并使用 sidemenu 创建新项目，它也可以正常工作。

【讨论】：

我能知道为什么它被降级