ionic4 checkout出的项目运行失败

简介: ionic4 checkout出的项目运行失败

用SVN检出项目之后,直接运行ionic serve 结果出现以下错误

 ERROR in ./src/global.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/_sass-loader@7.1.0@sass-loader/lib/loader.js??ref--14-3!./src/global.scss)
[ng] Module build failed (from ./node_modules/_sass-loader@7.1.0@sass-loader/lib/loader.js):
[ng] Error: Missing binding E:\项目\orderSystem_net\trunk\OrderSystem_V2.0-phone\ionicphone\node_modules\node-sass\vendor\win32-x64-67\binding.node
[ng] Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js 11.x
[ng] Found bindings for the following environments:
[ng]   - Windows 64-bit with Node.js 10.x
[ng] This usually happens because your environment has changed since running `npm install`.
[ng] Run `npm rebuild node-sass` to download the binding for your current environment.
[ng]     at module.exports (E:\项目\orderSystem_net\trunk\OrderSystem_V2.0-phone\ionicphone\node_modules\node-sass\lib\binding.js:15:13)
[ng]     at Object.<anonymous> (E:\项目\orderSystem_net\trunk\OrderSystem_V2.0-phone\ionicphone\node_modules\node-sass\lib\index.js:14:35)
[ng]     at Module._compile (internal/modules/cjs/loader.js:816:30)
[ng]     at Object.Module._extensions..js (internal/modules/cjs/loader.js:827:10)
[ng]     at Module.load (internal/modules/cjs/loader.js:685:32)
[ng]     at Function.Module._load (internal/modules/cjs/loader.js:620:12)
[ng]     at Module.require (internal/modules/cjs/loader.js:723:19)
[ng]     at require (internal/modules/cjs/helpers.js:14:16)
[ng]     at Object.sassLoader (E:\项目\orderSystem_net\trunk\OrderSystem_V2.0-phone\ionicphone\node_modules\_sass-loader@7.1.0@sass-loader\lib\loader.js:46:72)
[ng] ERROR in ./src/theme/variables.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/_sass-loader@7.1.0@sass-loader/lib/loader.js??ref--14-3!./src/theme/variables.scss)
[ng] Module build failed (from ./node_modules/_sass-loader@7.1.0@sass-loader/lib/loader.js):
[ng] Error: Missing binding E:\项目\orderSystem_net\trunk\OrderSystem_V2.0-phone\ionicphone\node_modules\node-sass\vendor\win32-x64-67\binding.node
[ng] Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js 11.x
[ng] Found bindings for the following environments:
[ng]   - Windows 64-bit with Node.js 10.x
[ng] This usually happens because your environment has changed since running `npm install`.
[ng] Run `npm rebuild node-sass` to download the binding for your current environment.
[ng]     at module.exports (E:\项目\orderSystem_net\trunk\OrderSystem_V2.0-phone\ionicphone\node_modules\node-sass\lib\binding.js:15:13)
[ng]     at Object.<anonymous> (E:\项目\orderSystem_net\trunk\OrderSystem_V2.0-phone\ionicphone\node_modules\node-sass\lib\index.js:14:35)
[ng]     at Module._compile (internal/modules/cjs/loader.js:816:30)
[ng]     at Object.Module._extensions..js (internal/modules/cjs/loader.js:827:10)
[ng]     at Module.load (internal/modules/cjs/loader.js:685:32)
[ng]     at Function.Module._load (internal/modules/cjs/loader.js:620:12)
[ng]     at Module.require (internal/modules/cjs/loader.js:723:19)
[ng]     at require (internal/modules/cjs/helpers.js:14:16)
[ng]     at Object.sassLoader (E:\项目\orderSystem_net\trunk\OrderSystem_V2.0-phone\ionicphone\node_modules\_sass-loader@7.1.0@sass-loader\lib\loader.js:46:72)
[ng] ERROR in ./src/app/tab1/tab1.page.scss
[ng] Module build failed (from ./node_modules/_sass-loader@7.1.0@sass-loader/lib/loader.js):
[ng] Error: Missing binding E:\项目\orderSystem_net\trunk\OrderSystem_V2.0-phone\ionicphone\node_modules\node-sass\vendor\win32-x64-67\binding.node
[ng] Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js 11.x
[ng] Found bindings for the following environments:
[ng]   - Windows 64-bit with Node.js 10.x
[ng] This usually happens because your environment has changed since running `npm install`.
[ng] Run `npm rebuild node-sass` to download the binding for your current environment.
[ng]     at module.exports (E:\项目\orderSystem_net\trunk\OrderSystem_V2.0-phone\ionicphone\node_modules\node-sass\lib\binding.js:15:13)
[ng]     at Object.<anonymous> (E:\项目\orderSystem_net\trunk\OrderSystem_V2.0-phone\ionicphone\node_modules\node-sass\lib\index.js:14:35)
[ng]     at Module._compile (internal/modules/cjs/loader.js:816:30)
[ng]     at Object.Module._extensions..js (internal/modules/cjs/loader.js:827:10)
[ng]     at Module.load (internal/modules/cjs/loader.js:685:32)
[ng]     at Function.Module._load (internal/modules/cjs/loader.js:620:12)
[ng]     at Module.require (internal/modules/cjs/loader.js:723:19)
[ng]     at require (internal/modules/cjs/helpers.js:14:16)
[ng]     at Object.sassLoader (E:\项目\orderSystem_net\trunk\OrderSystem_V2.0-phone\ionicphone\node_modules\_sass-loader@7.1.0@sass-loader\lib\loader.js:46:72)

解决方案

主要是windows平台缺少编译环境,

1、先运行:

npm install -g node-gyp 

2、然后运行:运行

npm install --global --production windows-build-tools //可以自动安装跨平台的编译器:

3.先卸载之前的sass,然后再下一步

npm uninstall node-sass

4.重新安装

npm install node-sass

大功告成

目录
相关文章
|
Web App开发 Java 开发工具
ionic和cordova初探--从安装到运行首个app
好多人说ionic好用,一直要推荐我用,我就不信了,来安装玩一下试试效果。实践出真知!安装过程各种坑,工具太多了,太麻烦了,差点放弃(还好坚持下来呢)。 1.安装node 许多前端工具的安装都依赖于node的包管理器npm,Node官网: https://nodejs.org/ 安装完成后在cmd中输入 npm -v 回车。
2359 0
|
JavaScript Android开发
|
JavaScript 定位技术 开发工具
在 Ionic2 TypeScript 项目中导入第三方 JS 库
原文发表于我的技术博客 本文分享了在Ionic2 TypeScript 项目中导入第三方 JS 库的方法,供参考。原文发表于我的技术博客 1. Typings 的方式 因在 TypeScript 中引用之前的 JS 库还需要引入对应的类型定义,也就是 .d.ts 文件。
1393 0
|
JavaScript Android开发 iOS开发
实战使用Axure设计App,使用WebStorm开发(2) – 创建 Ionic 项目
系列文章 实战使用Axure设计App,使用WebStorm开发(1) – 用Axure描述需求  实战使用Axure设计App,使用WebStorm开发(2) – 创建 Ionic 项目   实战使用Axure设计App,使用WebStorm开发(3) – 构建页面架构  实战使用Axu...
1460 0
|
Android开发
ionic3项目实战教程 - 第13讲 ionic3社交分享(QQ分享和微信分享)
ionic3项目实战教程 - 第13讲 ionic3社交分享(QQ分享和微信分享) 图片发自简书App 这一讲主要包含以下几个部分: 1.在微信开放平台创建应用获得wechatappid; 2.
1417 0
|
Android开发 iOS开发
ionic3项目实战教程 - 第12讲 ionic3制作icon和splash
这一讲主要包含以下几个部分: 1.设计icon; 2.设计splash; 3.生成各个平台各个尺寸的icon和splash; 1.设计icon 来,打开你的PS,新建-文件,像素为1024*1024,背景透明,确定; .
1178 0
|
Web App开发
ionic3项目实战教程 - 第11讲 ionic3个人中心界面设计
ionic3项目实战教程 - 第11讲 ionic3个人中心界面设计 这一讲主要包含一下几个部分: 1.个人中心ts具体代码展示; 2.个人中心html具体代码展示; 3.
1373 0
ionic3项目实战教程 - 第10讲 ionic3分类菜单设计(类似外卖)
注意,干货来了,相比前面几讲这一讲就要难以消化多了,请做好心理准备。 因为在这之前,经常看到有群友在求这种分类菜单的组建,今天我就为大家再造一个轮子 [微笑脸]。
1096 0
|
Web App开发
ionic3项目实战教程 - 第8讲 ionic3商品详情页的实现
这一讲主要包含以下几个部分: 1.创建商品详情页 2.获取商品详情页的数据 3.展示商品详情页的数据 1.创建商品详情页 执行 ionic g page product-details 8-1.
1068 0
|
Web App开发
ionic3项目实战教程 - 第9讲 ionic3应用内主题浏览器ThemeableBrowser的使用
这一讲主要实现商品的"抢购"功能 1.安装ThemeableBrowser插件; 2.使用ThemeableBrowser插件; 1.安装插件 分别执行以下命令: ionic cordova plugin add cordova-plugin-t...
1451 0