themeteorchef / base

A starting point for Meteor apps.
http://themeteorchef.com/base
MIT License
690 stars 253 forks source link

Console errors on first run #162

Closed haluvibe closed 8 years ago

haluvibe commented 8 years ago

Love the project and can't wait to get started but Im receiving many console errors when I first run this.

I simply pull, then run npm install, then meteor, open in Google Chrome, open the console and I can see:



:1 Refused to load the font 'data:font/woff;base64,d09GRgABAAAAAI3gABIAAAABRWQAAQABAAAAAAAAAAAAAAAAAAAAA…IwnaGGIYHBlUELLMKwH6htK8MUhmKGIAYjqCImVEUgs1mBOtm1gRYpuNZmSrgAALqcEVgAAAA=' because it violates the following Content Security Policy directive: "default-src 'self'". Note that 'font-src' was not explicitly set, so 'default-src' is used as a fallback.

:1 Refused to load the font 'data:font/woff;base64,d09GRgABAAAAAI7kABEAAAABPbQAAQABAAAAAAAAAAAAAAAAAAAAA…hgZiCKVViwAiVhsAFFYyNisAIjRLMJCgMCK7MLEAMCK7MRFgMCK1myBCgGRVJEswsQBAIrAA==' because it violates the following Content Security Policy directive: "default-src 'self'". Note that 'font-src' was not explicitly set, so 'default-src' is used as a fallback.

:1 Refused to load the font 'data:font/woff;base64,d09GRgABAAAAAIw4ABEAAAABQcAAAQABAAAAAAAAAAAAAAAAAAAAA…hgZiCKVViwAiVhsAFFYyNisAIjRLMJCgMCK7MLEAMCK7MRFgMCK1myBCgGRVJEswsQBAIrAA==' because it violates the following Content Security Policy directive: "default-src 'self'". Note that 'font-src' was not explicitly set, so 'default-src' is used as a fallback.

modules.js?hash=2a11bb3…:21075Warning: Unknown props `bsClass`, `bsStyle`, `expanded`, `onToggle` on <nav> tag. Remove these props from the element. For details, see https://fb.me/react-unknown-prop
    in nav (created by Navbar)
    in Navbar (created by Uncontrolled(Navbar))
    in Uncontrolled(Navbar) (created by AppNavigation)
    in AppNavigation (created by Container(AppNavigation))
    in Container(AppNavigation) (created by App)
    in div (created by App)
    in App (created by RouterContext)
    in RouterContext (created by Router)
    in Routerwarning @ modules.js?hash=2a11bb3…:21075
modules.js?hash=2a11bb3…:21075Warning: Unknown props `fluid`, `componentClass` on <div> tag. Remove these props from the element. For details, see https://fb.me/react-unknown-prop
    in div (created by Grid)
    in Grid (created by Navbar)
    in nav (created by Navbar)
    in Navbar (created by Uncontrolled(Navbar))
    in Uncontrolled(Navbar) (created by AppNavigation)
    in AppNavigation (created by Container(AppNavigation))
    in Container(AppNavigation) (created by App)
    in div (created by App)
    in App (created by RouterContext)
    in RouterContext (created by Router)
    in Routerwarning @ modules.js?hash=2a11bb3…:21075
modules.js?hash=2a11bb3…:21075Warning: Unknown props `dimension`, `getDimensionValue` on <div> tag. Remove these props from the element. For details, see https://fb.me/react-unknown-prop
    in div (created by NavbarCollapse)
    in Transition (created by Collapse)
    in Collapse (created by NavbarCollapse)
    in NavbarCollapse (created by AppNavigation)
    in div (created by Grid)
    in Grid (created by Navbar)
    in nav (created by Navbar)
    in Navbar (created by Uncontrolled(Navbar))
    in Uncontrolled(Navbar) (created by AppNavigation)
    in AppNavigation (created by Container(AppNavigation))
    in Container(AppNavigation) (created by App)
    in div (created by App)
    in App (created by RouterContext)
    in RouterContext (created by Router)
    in Routerwarning @ modules.js?hash=2a11bb3…:21075
modules.js?hash=2a11bb3…:21075Warning: Unknown props `pullRight`, `justified`, `pullLeft`, `stacked` on <ul> tag. Remove these props from the element. For details, see https://fb.me/react-unknown-prop
    in ul (created by Nav)
    in Nav (created by PublicNavigation)
    in PublicNavigation (created by AppNavigation)
    in div (created by NavbarCollapse)
    in Transition (created by Collapse)
    in Collapse (created by NavbarCollapse)
    in NavbarCollapse (created by AppNavigation)
    in div (created by Grid)
    in Grid (created by Navbar)
    in nav (created by Navbar)
    in Navbar (created by Uncontrolled(Navbar))
    in Uncontrolled(Navbar) (created by AppNavigation)
    in AppNavigation (created by Container(AppNavigation))
    in Container(AppNavigation) (created by App)
    in div (created by App)
    in App (created by RouterContext)
    in RouterContext (created by Router)
    in Routerwarning @ modules.js?hash=2a11bb3…:21075
modules.js?hash=2a11bb3…:21075Warning: Unknown props `activeKey`, `activeHref`, `navItem` on <a> tag. Remove these props from the element. For details, see https://fb.me/react-unknown-prop
    in a (created by SafeAnchor)
    in SafeAnchor (created by NavItem)
    in li (created by NavItem)
    in NavItem (created by PublicNavigation)
    in LinkContainer (created by PublicNavigation)
    in ul (created by Nav)
    in Nav (created by PublicNavigation)
    in PublicNavigation (created by AppNavigation)
    in div (created by NavbarCollapse)
    in Transition (created by Collapse)
    in Collapse (created by NavbarCollapse)
    in NavbarCollapse (created by AppNavigation)
    in div (created by Grid)
    in Grid (created by Navbar)
    in nav (created by Navbar)
    in Navbar (created by Uncontrolled(Navbar))
    in Uncontrolled(Navbar) (created by AppNavigation)
    in AppNavigation (created by Container(AppNavigation))
    in Container(AppNavigation) (created by App)
    in div (created by App)
    in App (created by RouterContext)
    in RouterContext (created by Router)
    in Routerwarning @ modules.js?hash=2a11bb3…:21075
modules.js?hash=2a11bb3…:21075Warning: Unknown props `xs`, `sm`, `md` on <div> tag. Remove these props from the element. For details, see https://fb.me/react-unknown-prop
    in div (created by Col)
    in Col (created by Login)
    in div (created by Row)
    in Row (created by Login)
    in Login (created by RouterContext)
    in div (created by Grid)
    in Grid (created by App)
    in div (created by App)
    in App (created by RouterContext)
    in RouterContext (created by Router)
    in Routerwarning @ modules.js?hash=2a11bb3…:21075
modules.js?hash=2a11bb3…:21075Warning: Unknown props `active`, `block`, `navDropdown` on <button> tag. Remove these props from the element. For details, see https://fb.me/react-unknown-prop
    in button (created by Button)
    in Button (created by Login)
    in form (created by Login)
    in div (created by Col)
    in Col (created by Login)
    in div (created by Row)
    in Row (created by Login)
    in Login (created by RouterContext)
    in div (created by Grid)
    in Grid (created by App)
    in div (created by App)
    in App (created by RouterContext)
    in RouterContext (created by Router)
    in Routerwarning @ modules.js?hash=2a11bb3…:21075
Failed to parse SourceMap: http://localhost:3000/packages/2a11bb3dac60bb5014e8dfb12a572919247fcf67.map```
themeteorchef commented 8 years ago

I'll need to take a look at the fonts error. The long list of React warnings are from this. Looks like it was recently solved—at least, partially—need to do a version bump.

MichelFloyd commented 7 years ago

I was seeing the same error so I went ahead and fixed it in PR #208 - the browser-policy package is part of base but no policies were being set at all. This means everything was falling back to default-src self which prevented fonts being loaded from data: uris.

devanwong commented 7 years ago

Hi All,

Hoping someone can answer. I am having a similar problem. I am completely new to the coding world and I am making a simple angular page but am receiving this error: Refused to load the font 'data:font/woff;base64,d09GRgABAAAAAIw4ABEAAAABQcAAAQABAAAAAAAAAAAAAAAAAAAAA…hgZiCKVViwAiVhsAFFYyNisAIjRLMJCgMCK7MLEAMCK7MRFgMCK1myBCgGRVJEswsQBAIrAA==' because it violates the following Content Security Policy directive: "default-src 'self'". Note that 'font-src' was not explicitly set, so 'default-src' is used as a fallback.

If someone can break it back let me know what to do that would be awesome!

themeteorchef commented 7 years ago

@devanwong take a peek at the commit merged here. You'll need to add a browser policy rule to your app to allow for data:fonts to be enabled.