离子Framework3缺失main.css

Question

我用ionic start projname创建初学者模板，然后使用ofc cd ./projname和ionic serve，我得到了制表符模板，但是没有main.css。我做错了什么我怎么解决这个问题？

​

​

UPD:离子型不想编译样式

ionic info：

​

也许我的package.json出了什么问题？

{
  "name": "recepies",
  "version": "0.0.1",
  "author": "Ionic Framework",
  "homepage": "http://ionicframework.com/",
  "private": true,
  "scripts": {
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "lint": "ionic-app-scripts lint",
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve"
  },
  "dependencies": {
    "@angular/common": "4.1.3",
    "@angular/compiler": "4.1.3",
    "@angular/compiler-cli": "4.1.3",
    "@angular/core": "4.1.3",
    "@angular/forms": "4.1.3",
    "@angular/http": "4.1.3",
    "@angular/platform-browser": "4.1.3",
    "@angular/platform-browser-dynamic": "4.1.3",
    "@ionic-native/core": "3.12.1",
    "@ionic-native/splash-screen": "3.12.1",
    "@ionic-native/status-bar": "3.12.1",
    "@ionic/storage": "2.0.1",
    "ionic-angular": "3.5.3",
    "ionicons": "3.0.0",
    "rxjs": "5.4.0",
    "sw-toolbox": "3.6.0",
    "zone.js": "0.8.12"
  },
  "devDependencies": {
    "@ionic/app-scripts": "2.0.2",
    "@ionic/cli-plugin-ionic-angular": "1.3.2",
    "typescript": "2.3.4"
  },
  "description": "An Ionic project"
}

Answer 1

这是一个错误，吃了我的一天=/现在解决了。

升级到最新版本的应用程序脚本

https://github.com/ionic-team/ionic/issues/12442

Answer 2

Cordova插件将列在：

config.xml.

这里是离子cli的文档，这里是package.json中配置的脚本的源代码所在的Github项目。

您的package.json有一个脚本：部分：

    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "lint": "ionic-app-scripts lint",
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve"

根据这里，您可以使用'npm运行干净的‘、'npm运行构建’或‘npm运行离子:构建’来调用它们。试试这些。我希望这将为您删除并重新构建www/build文件夹，以便它包含您在Chrome控制台中看到的错误的main.ss。

如果您仍然有问题，请发布您的index.html的内容，也许缺少什么东西可以从Sass文件中生成CSS。例如，你有这个吗？

 <script src="build/polyfills.js"></script>
 <script src="build/main.js"></script>

如果所有其他版本都失败了，请在package.json，的devDependencies或其他不冲突的版本中尝试使用"@ionic/app-scripts": "1.3.7",。

由于某种原因，它似乎与各种版本断断续续。

Answer 3

更新2: browserslist@2.2.2修复了这个错误。只需升级它(npm install browserlist@2.2.2)或删除node_modules文件夹并重新运行npm install.

更新:正如Alic亲自说的，降级应用程序脚本是不应该的。问题出现在browserslist@2.2.1中(拉请求等待合并修复)，然后将其降级到2.2.0，修复了vendor.js和main.css问题。

npm install browserslist@2.2.0 --save-dev

这是因为应用程序脚本版本和依赖项存在问题。 把它降到1.3.7，我就解决了这个问题。 npm install @ionic/app-scripts@1.3.7 --save-dev 您可以在这里看到问题：https://github.com/ionic-team/ionic/issues/12441 (关闭) 在这里：https://github.com/ionic-team/ionic/issues/12442