title: Using Tabler in Laravel
body: <p>I want to use the <a href="https://github.com/tabler/tabler" rel="nofollow noreferrer">Tabler</a> administration panel on Laravel. I'm attempting to install Tabler UI with <a href="https://www.npmjs.com/package/tabler-ui" rel="nofollow noreferrer">npm</a>.</p>
  
  <pre><code>npm install tabler-ui 
  </code></pre>
  
  <p>I add the <code>tabler</code> package to <code>resources/sass/tabler.scss</code> and then add the SASS file to <code>webpack.mix.js.</code></p>
  
  <pre class="lang-js prettyprint-override"><code>mix.js('resources/js/app.js', 'public/js')
     .sass('resources/sass/app.scss', 'public/css')
     .sass('resources/sass/tabler.scss', 'public/css');
  </code></pre>
  
  <p>But after trying to <code>npm run watch,</code> I got the following error.</p>
  
  <blockquote>
    <p>File to import not found or unreadable:
    ../../../node_modules/bootstrap/scss/bootstrap.scss.</p>
  </blockquote>
  
  <p>When I check the <code>node_modules/tabler-ui/src/assets/scss/bundle</code> I find a line which imports the <code>bootstrap</code>:</p>
  
  <pre><code>@import '../../../node_modules/bootstrap/scss/bootstrap.scss';
  </code></pre>
  
  <p>The error is for this line; I think this line should be like this:</p>
  
  <pre><code>@import '~bootstrap/scss/bootstrap.scss';
  </code></pre>
  
  <p>I cannot change this line because it is in the /node_modules folder. What should I do to solve this problem?</p>