2016-05-20 4 views
0

私のアプリはルータなしでも問題なく動作します。私はnathantreid:css-modulesパッケージを使用しています。これにより、反応コンポーネントのモジュール式CSSが可能になります。私の輸入/ UI /ナビゲーションバーのディレクトリ内では、私が含む、Navbar.jsxを持っている:Meteor + Reactの問題ルータにプロジェクトを追加すると、ノードモジュールが必要になるため、.scssからのインポートが拒否されます

// Custom Dependencies 
import s from './Navbar.scss'; 
import NavButton from './NavButton/NavButton'; 

私は、次のと/ main.jsxアプリがクライアントにコンポーネントをロードしていた場合:

Meteor.startup(() => { 
    render(<App />, document.getElementById('render-target')); 
}); 

それを作品が、私は反応するか、ルータを流れ、ルートを作成のどちらかを追加するとき、それは動作しません。

FlowRouter.route('/', { 
    action() { 
    mount(App); 
    } 
}); 

それは次のことをスロー:

W20160520-10:09:25.659(-7)? (STDERR) Error: Cannot find module './Navbar.scss' 
W20160520-10:09:25.659(-7)? (STDERR) at require (packages/modules-runtime/.npm/package/node_modules/install/install.js:78:1) 
W20160520-10:09:25.659(-7)? (STDERR) at meteorInstall.imports.ui.Navbar.Navbar.jsx (imports/ui/Navbar/Navbar.jsx:7:1) 
W20160520-10:09:25.659(-7)? (STDERR) at fileEvaluate (packages/modules-runtime/.npm/package/node_modules/install/install.js:141:1) 

私はこの問題をどのように修正できるかについての技術的な洞察をお待ちしております。

また、相対パスと絶対パスを試してみましたが、根本的な問題はルータを追加する瞬間にNPMパッケージを探すことです(少なくとも、何が起きているのかは私の解釈です)。

答えて

0

解決策を見つけました。

私の根底にある仮定は間違っているかもしれませんが、負荷の順序と関係していると思います。標準のlib /フォルダから私のルートをインポート/フォルダに移動しました。そこに私の他の反応モジュールもあります。私はその後、クライアント/ main.jsxのルートをインポート/要求していました。

関連する問題