從node_modules導入模塊（create-react-app）

Question

如何從src目錄之外導入模塊？

./src/App.js 
Module not found: Can't resolve 'material-ui' in '/Users/suvo/GitHub/portfolio/src' 

據react-material-icons頁，我本來是要導入如下：

import mui from 'material-ui'; 

錯誤的奇怪。我得到import $ from 'jquery';就在import mui...旁邊，它工作正常。更重要的是，如果我創建一個新項目，並添加 反應材料，圖標，故宮將無法啓動，顯示錯誤：

> myapp@0.1.0 start /Users/suvo/GitHub/myapp 
> react-scripts start 

sh: react-scripts: command not found 
npm ERR! file sh 
npm ERR! code ELIFECYCLE 
npm ERR! errno ENOENT 
npm ERR! syscall spawn 
npm ERR! myapp@0.1.0 start: `react-scripts start` 
npm ERR! spawn ENOENT 
npm ERR! 
npm ERR! Failed at the myapp@0.1.0 start script. 
npm ERR! This is probably not a problem with npm. There is likely additional logging output above. 

npm ERR! A complete log of this run can be found in: 
npm ERR!  /Users/suvo/.npm/_logs/2017-09-11T11_40_15_791Z-debug.log 

Answer 1

只需卸下.包名稱的前面。

import mui from 'material-ui'; 

安裝使用npm install或yarn install包保存到node_modules目錄。你可以通過指定包名稱來導入它們。

import React from 'react'; 
import mui from 'material-ui'; 

import AlarmIcon from 'react-material-icons/icons/action/alarm'; 

export default class Alarm extends React.Component { 
    render() { 
    return (
     <AlarmIcon/> 
    ); 
    } 
}