Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/476.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用Tailwind CSS读取和解决rails中的网页包错误?_Javascript_Ruby On Rails_Webpack_Tailwind Css - Fatal编程技术网

Javascript 如何使用Tailwind CSS读取和解决rails中的网页包错误?

Javascript 如何使用Tailwind CSS读取和解决rails中的网页包错误?,javascript,ruby-on-rails,webpack,tailwind-css,Javascript,Ruby On Rails,Webpack,Tailwind Css,我尝试使用tailwindcss编译rails应用程序以用于生产,当我运行rails\u ENV=production rails assets:precompile时,我发现一些web包错误: Compiling... Compilation failed: Hash: feaac03eae9fc5e6434d Version: webpack 4.46.0 Time: 3691ms Built at: 2021-05-03 8:34:24 7 assets Entrypoint appli

我尝试使用tailwindcss编译rails应用程序以用于生产,当我运行
rails\u ENV=production rails assets:precompile
时,我发现一些web包错误:

Compiling...
Compilation failed:
Hash: feaac03eae9fc5e6434d
Version: webpack 4.46.0
Time: 3691ms
Built at: 2021-05-03 8:34:24
 7 assets
Entrypoint application = js/application-719f586b83ab9096e6c4.js js/application-719f586b83ab9096e6c4.js.map
Entrypoint script/displayModal = js/script/displayModal-6f95a1a4d03fb01d89d2.js js/script/displayModal-6f95a1a4d03fb01d89d2.js.map
Entrypoint script/notify = js/script/notify-e556e1f24d4d09b43652.js js/script/notify-e556e1f24d4d09b43652.js.map
 [1] (webpack)/buildin/module.js 552 bytes {0} [built]
 [5] ./app/javascript/channels/index.js 205 bytes {0} [built]
 [6] ./app/javascript/channels sync _channel\.js$ 160 bytes {0} [built]
 [7] ./app/javascript/stylesheets/application.scss 1.13 KiB {0} [built] [failed] [1 error]
 [9] (webpack)/buildin/amd-options.js 80 bytes {0} [built]
[10] ./app/javascript/packs/script/displayModal.js 1.39 KiB {1} [built]
[11] ./app/javascript/packs/script/notify.js 405 bytes {2} [built]
[12] ./app/javascript/packs/application.js + 1 modules 25 KiB {0} [built]
     | ./app/javascript/packs/application.js 898 bytes [built]
     |     + 1 hidden module
    + 5 hidden modules

ERROR in ./node_modules/@fortawesome/fontawesome-free/css/all.css
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/postcss-loader/dist/cjs.js):
TypeError: this.getOptions is not a function
    at Object.loader (/home/louis/RubymineProjects/Oktotweet/node_modules/postcss-loader/dist/index.js:38:24)
    at /home/louis/RubymineProjects/Oktotweet/node_modules/webpack/lib/NormalModule.js:316:20
    at /home/louis/RubymineProjects/Oktotweet/node_modules/loader-runner/lib/LoaderRunner.js:367:11
    at /home/louis/RubymineProjects/Oktotweet/node_modules/loader-runner/lib/LoaderRunner.js:233:18
 @ ./app/javascript/packs/application.js 5:165-211

ERROR in ./app/javascript/stylesheets/application.scss
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: File to import not found or unreadable: @tailwindcss/base.
        on line 2 of /home/louis/RubymineProjects/Oktotweet/app/javascript/stylesheets/application.scss
>> @import "@tailwindcss/base";

   ^

    at /home/louis/RubymineProjects/Oktotweet/node_modules/webpack/lib/NormalModule.js:316:20
    at /home/louis/RubymineProjects/Oktotweet/node_modules/loader-runner/lib/LoaderRunner.js:367:11
    at /home/louis/RubymineProjects/Oktotweet/node_modules/loader-runner/lib/LoaderRunner.js:233:18
    at context.callback (/home/louis/RubymineProjects/Oktotweet/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
    at Object.callback (/home/louis/RubymineProjects/Oktotweet/node_modules/sass-loader/dist/index.js:73:7)
    at Object.done [as callback] (/home/louis/RubymineProjects/Oktotweet/node_modules/neo-async/async.js:8069:18)
    at options.error (/home/louis/RubymineProjects/Oktotweet/node_modules/node-sass/lib/index.js:294:32)
 @ ./app/javascript/packs/application.js 5:133-165
Child mini-css-extract-plugin node_modules/css-loader/dist/cjs.js??ref--5-1!node_modules/postcss-loader/dist/cjs.js??ref--5-2!node_modules/@fortawesome/fontawesome-free/css/all.css:
    Entrypoint mini-css-extract-plugin = *
       1 module
    
    ERROR in ./node_modules/@fortawesome/fontawesome-free/css/all.css (./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/postcss-loader/dist/cjs.js??ref--5-2!./node_modules/@fortawesome/fontawesome-free/css/all.css)
    Module build failed (from ./node_modules/postcss-loader/dist/cjs.js):
    TypeError: this.getOptions is not a function
        at Object.loader (/home/louis/RubymineProjects/Oktotweet/node_modules/postcss-loader/dist/index.js:38:24)
Child mini-css-extract-plugin node_modules/css-loader/dist/cjs.js??ref--6-1!node_modules/postcss-loader/dist/cjs.js??ref--6-2!node_modules/sass-loader/dist/cjs.js??ref--6-3!app/javascript/stylesheets/application.scss:
    Entrypoint mini-css-extract-plugin = *
    [0] ./node_modules/css-loader/dist/cjs.js??ref--6-1!./node_modules/postcss-loader/dist/cjs.js??ref--6-2!./node_modules/sass-loader/dist/cjs.js??ref--6-3!./app/javascript/stylesheets/application.scss 307 bytes {0} [built] [failed] [1 error]
    
    ERROR in ./app/javascript/stylesheets/application.scss (./node_modules/css-loader/dist/cjs.js??ref--6-1!./node_modules/postcss-loader/dist/cjs.js??ref--6-2!./node_modules/sass-loader/dist/cjs.js??ref--6-3!./app/javascript/stylesheets/application.scss)
    Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
    SassError: File to import not found or unreadable: @tailwindcss/base.
            on line 2 of /home/louis/RubymineProjects/Oktotweet/app/javascript/stylesheets/application.scss
    >> @import "@tailwindcss/base";
    
       ^
    

louis@Axolotl:~/RubymineProjects/Oktotweet$ RAILS_ENV=production rails assets:precompile
yarn install v1.22.10
[1/4] Resolving packages...
success Already up-to-date.
Done in 0.52s.
Compiling...
Compilation failed:
Hash: 604b9e914cd01865580d
Version: webpack 4.46.0
Time: 1644ms
Built at: 2021-05-03 8:34:41
 7 assets
Entrypoint application = js/application-8500d31757e42ce282b2.js js/application-8500d31757e42ce282b2.js.map
Entrypoint script/displayModal = js/script/displayModal-6f95a1a4d03fb01d89d2.js js/script/displayModal-6f95a1a4d03fb01d89d2.js.map
Entrypoint script/notify = js/script/notify-e556e1f24d4d09b43652.js js/script/notify-e556e1f24d4d09b43652.js.map
 [1] (webpack)/buildin/module.js 552 bytes {0} [built]
 [5] ./app/javascript/channels/index.js 205 bytes {0} [built]
 [6] ./app/javascript/channels sync _channel\.js$ 160 bytes {0} [built]
 [7] ./app/javascript/stylesheets/application.scss 644 bytes {0} [built] [failed] [1 error]
 [9] (webpack)/buildin/amd-options.js 80 bytes {0} [built]
[10] ./app/javascript/packs/script/displayModal.js 1.39 KiB {1} [built]
[11] ./app/javascript/packs/script/notify.js 405 bytes {2} [built]
[12] ./app/javascript/packs/application.js + 1 modules 25 KiB {0} [built]
     | ./app/javascript/packs/application.js 898 bytes [built]
     |     + 1 hidden module
    + 5 hidden modules

ERROR in ./node_modules/@fortawesome/fontawesome-free/css/all.css
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/postcss-loader/dist/cjs.js):
TypeError: this.getOptions is not a function
    at Object.loader (/home/louis/RubymineProjects/Oktotweet/node_modules/postcss-loader/dist/index.js:38:24)
    at /home/louis/RubymineProjects/Oktotweet/node_modules/webpack/lib/NormalModule.js:316:20
    at /home/louis/RubymineProjects/Oktotweet/node_modules/loader-runner/lib/LoaderRunner.js:367:11
    at /home/louis/RubymineProjects/Oktotweet/node_modules/loader-runner/lib/LoaderRunner.js:233:18
 @ ./app/javascript/packs/application.js 5:165-211

ERROR in ./app/javascript/stylesheets/application.scss
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/postcss-loader/dist/cjs.js):
TypeError: this.getOptions is not a function
    at Object.loader (/home/louis/RubymineProjects/Oktotweet/node_modules/postcss-loader/dist/index.js:38:24)
    at /home/louis/RubymineProjects/Oktotweet/node_modules/webpack/lib/NormalModule.js:316:20
    at /home/louis/RubymineProjects/Oktotweet/node_modules/loader-runner/lib/LoaderRunner.js:367:11
    at /home/louis/RubymineProjects/Oktotweet/node_modules/loader-runner/lib/LoaderRunner.js:233:18
 @ ./app/javascript/packs/application.js 5:133-165
Child mini-css-extract-plugin node_modules/css-loader/dist/cjs.js??ref--5-1!node_modules/postcss-loader/dist/cjs.js??ref--5-2!node_modules/@fortawesome/fontawesome-free/css/all.css:
    Entrypoint mini-css-extract-plugin = *
       1 module
    
    ERROR in ./node_modules/@fortawesome/fontawesome-free/css/all.css (./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/postcss-loader/dist/cjs.js??ref--5-2!./node_modules/@fortawesome/fontawesome-free/css/all.css)
    Module build failed (from ./node_modules/postcss-loader/dist/cjs.js):
    TypeError: this.getOptions is not a function
        at Object.loader (/home/louis/RubymineProjects/Oktotweet/node_modules/postcss-loader/dist/index.js:38:24)
Child mini-css-extract-plugin node_modules/css-loader/dist/cjs.js??ref--6-1!node_modules/postcss-loader/dist/cjs.js??ref--6-2!node_modules/sass-loader/dist/cjs.js??ref--6-3!app/javascript/stylesheets/application.scss:
    Entrypoint mini-css-extract-plugin = *
    [0] ./node_modules/css-loader/dist/cjs.js??ref--6-1!./node_modules/postcss-loader/dist/cjs.js??ref--6-2!./node_modules/sass-loader/dist/cjs.js??ref--6-3!./app/javascript/stylesheets/application.scss 246 bytes {0} [built] [failed] [1 error]
    
    ERROR in ./app/javascript/stylesheets/application.scss (./node_modules/css-loader/dist/cjs.js??ref--6-1!./node_modules/postcss-loader/dist/cjs.js??ref--6-2!./node_modules/sass-loader/dist/cjs.js??ref--6-3!./app/javascript/stylesheets/application.scss)
    Module build failed (from ./node_modules/postcss-loader/dist/cjs.js):
    TypeError: this.getOptions is not a function
        at Object.loader (/home/louis/RubymineProjects/Oktotweet/node_modules/postcss-loader/dist/index.js:38:24)

louis@Axolotl:~/RubymineProjects/Oktotweet$ gem 'tailwindcss-rails', '~> 0.3.3'
ERROR:  While executing gem ... (Gem::CommandLineError)
    Unknown command tailwindcss-rails,
louis@Axolotl:~/RubymineProjects/Oktotweet$ gem install tailwindcss-rails
Fetching tailwindcss-rails-0.3.3.gem
ERROR:  While executing gem ... (Gem::FilePermissionError)
    You don't have write permissions for the /var/lib/gems/2.7.0 directory.
louis@Axolotl:~/RubymineProjects/Oktotweet$ sudo gem install tailwindcss-rails
[sudo] Mot de passe de louis : 
Fetching tailwindcss-rails-0.3.3.gem
Successfully installed tailwindcss-rails-0.3.3
Parsing documentation for tailwindcss-rails-0.3.3
Installing ri documentation for tailwindcss-rails-0.3.3
Done installing documentation for tailwindcss-rails after 0 seconds
1 gem installed
louis@Axolotl:~/RubymineProjects/Oktotweet$ ./bin/rails tailwindcss:install
rails aborted!
Don't know how to build task 'tailwindcss:install' (See the list of available tasks with `rails --tasks`)
/home/louis/RubymineProjects/Oktotweet/bin/rails:5:in `<top (required)>'
/home/louis/RubymineProjects/Oktotweet/bin/spring:10:in `block in <top (required)>'
/home/louis/RubymineProjects/Oktotweet/bin/spring:7:in `tap'
/home/louis/RubymineProjects/Oktotweet/bin/spring:7:in `<top (required)>'
(See full trace by running task with --trace)
louis@Axolotl:~/RubymineProjects/Oktotweet$ ./bin/bundle add tailwindcss-rails
Fetching gem metadata from https://rubygems.org/............
Resolving dependencies...
Fetching gem metadata from https://rubygems.org/............
Resolving dependencies...
Using rake 13.0.3
Following files may not be writable, so sudo is needed:
  /usr/local/bin
  /var/lib/gems/2.7.0
  /var/lib/gems/2.7.0/build_info
  /var/lib/gems/2.7.0/cache
  /var/lib/gems/2.7.0/doc
  /var/lib/gems/2.7.0/extensions
  /var/lib/gems/2.7.0/gems
  /var/lib/gems/2.7.0/specifications
Using concurrent-ruby 1.1.8
Using minitest 5.14.4
Using zeitwerk 2.4.2
Using builder 3.2.4
Using erubi 1.10.0
Using racc 1.5.2
Using crass 1.0.6
Using rack 2.2.3
Using nio4r 2.5.7
Using childprocess 3.0.0
Using marcel 1.0.1
Using regexp_property_values 1.0.0
Using method_source 1.0.0
Using ffi 1.15.0
Using json 2.5.1
Using rb-fsevent 0.10.4
Using bundler 2.2.16
Using tilt 2.0.10
Using semantic_range 3.0.0
Using spring 2.1.1
Using sqlite3 1.4.2
Using turbolinks-source 5.2.0
Using i18n 1.8.10
Using thor 1.1.0
Using nokogiri 1.11.3 (x86_64-linux)
Using rack-test 1.1.0
Using msgpack 1.4.2
Using rack-mini-profiler 2.3.1
Using rack-proxy 0.6.5
Using puma 5.2.2
Using set 1.0.1
Using rb-inotify 0.10.1
Using mini_mime 1.0.2
Using turbolinks 5.2.1
Using xpath 3.2.0
Using bootsnap 1.7.3
Using mail 2.7.1
Using listen 3.5.1
Using byebug 11.1.3
Using regexp_parser 2.1.1
Using rbtree 0.4.4
Using sassc 2.4.0
Using sorted_set 1.0.3
Using loofah 2.9.1
Using character_set 1.4.1
Using rails-html-sanitizer 1.3.0
Using js_regex 3.7.0
Using sprockets 4.0.2
Using rubyzip 2.3.0
Using websocket-extensions 0.1.5
Using selenium-webdriver 3.142.7
Using public_suffix 4.0.6
Using bindex 0.8.1
Using tzinfo 2.0.4
Using websocket-driver 0.7.3
Using activesupport 6.1.3.1
Using webdrivers 4.6.0
Using rails-dom-testing 2.0.3
Using globalid 0.4.2
Using activemodel 6.1.3.1
Using activejob 6.1.3.1
Using jbuilder 2.11.2
Using activerecord 6.1.3.1
Using addressable 2.7.0
Using actionview 6.1.3.1
Using capybara 3.35.3
Using actionpack 6.1.3.1
Using actioncable 6.1.3.1
Using activestorage 6.1.3.1
Using actionmailer 6.1.3.1
Using actionmailbox 6.1.3.1
Using railties 6.1.3.1
Using actiontext 6.1.3.1
Using jquery-rails 4.4.0
Using sprockets-rails 3.2.2
Using webpacker 5.2.1
Using rails 6.1.3.1
Using web-console 4.1.0
Using rails_real_favicon 0.1.0
Using client_side_validations 18.0.0
Using tailwindcss-rails 0.3.3
Using sassc-rails 2.1.2
Using sass-rails 6.0.0
louis@Axolotl:~/RubymineProjects/Oktotweet$ ./bin/rails tailwindcss:install
Installing Tailwind CSS
         run  yarn add tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9 from "."
yarn add v1.22.10
[1/4] Resolving packages...
[2/4] Fetching packages...
info fsevents@2.3.2: The platform "linux" is incompatible with this module.
info "fsevents@2.3.2" is an optional dependency and failed compatibility check. Excluding it from installation.
info fsevents@1.2.13: The platform "linux" is incompatible with this module.
info "fsevents@1.2.13" is an optional dependency and failed compatibility check. Excluding it from installation.
[3/4] Linking dependencies...
warning " > @babel/preset-react@7.13.13" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "@babel/preset-react > @babel/plugin-transform-react-display-name@7.12.13" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "@babel/preset-react > @babel/plugin-transform-react-jsx@7.13.12" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "@babel/preset-react > @babel/plugin-transform-react-jsx-development@7.12.17" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "@babel/preset-react > @babel/plugin-transform-react-pure-annotations@7.12.1" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "@babel/preset-react > @babel/plugin-transform-react-jsx > @babel/plugin-syntax-jsx@7.12.13" has unmet peer dependency "@babel/core@^7.0.0-0".
warning " > @fullhuman/postcss-purgecss@4.0.3" has incorrect peer dependency "postcss@^8.0.0".
warning " > postcss-loader@5.2.0" has unmet peer dependency "webpack@^5.0.0".
warning " > webpack-dev-server@3.11.2" has unmet peer dependency "webpack@^4.0.0 || ^5.0.0".
warning "webpack-dev-server > webpack-dev-middleware@3.7.3" has unmet peer dependency "webpack@^4.0.0 || ^5.0.0".
[4/4] Building fresh packages...
success Saved 0 new dependencies.
Done in 3.14s.
File unchanged! The supplied flag value not found!  app/javascript/packs/application.js
Configuring Tailwind CSS
       exist  app/javascript/stylesheets
    conflict  app/javascript/stylesheets/application.scss
Overwrite /home/louis/RubymineProjects/Oktotweet/app/javascript/stylesheets/application.scss? (enter "h" for help) [Ynaqdhm] 
Overwrite /home/louis/RubymineProjects/Oktotweet/app/javascript/stylesheets/application.scss? (enter "h" for help) [Ynaqdhm] y
       force  app/javascript/stylesheets/application.scss
         run  npx tailwindcss init from "."
  
   @tailwindcss/postcss7-compat 2.1.2
  
   Currently, you have to use a PostCSS 7 Compatibility build with Rails as Webpacker does not play nice with PostCSS 8.

yarn add tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9
编译。。。
编译失败:
散列:feaac03eae9fc5e6434d
版本:网页4.46.0
时间:3691毫秒
建造时间:2021-05-03 8:34:24
7资产
入口点应用程序=js/application-719f586b83ab9096e6c4.js js/application-719f586b83ab9096e6c4.js.map
入口点脚本/displayModal=js/script/displayModal-6f95a1a4d03fb01d89d2.js js/script/displayModal-6f95a1a4d03fb01d89d2.js/map
入口点脚本/notify=js/script/notify-e556e1f24d09b43652.js js/script/notify-e556e1f24d09b43652.js.map
[1] (webpack)/buildin/module.js 552字节{0}[builded]
[5] ./app/javascript/channels/index.js 205字节{0}[编译]
[6] ./app/javascript/channels sync_channel\.js$160字节{0}[builded]
[7] ./app/javascript/stylesheets/application.scss 1.13 KiB{0}[build][failed][1错误]
[9] (webpack)/buildin/amd-options.js 80字节{0}[builded]
[10] ./app/javascript/packs/script/displaymodel.js 1.39 KiB{1}[编译]
[11] ./app/javascript/packs/script/notify.js 405字节{2}[编译]
[12] ./app/javascript/packs/application.js+1模块25 KiB{0}[构建]
|./app/javascript/packs/application.js 898字节[内置]
|+1隐藏模块
+5隐藏模块
./node_modules/@fortawesome/fontawesome free/css/all.css中出错
模块构建失败(来自./node\u modules/mini css extract plugin/dist/loader.js):
ModuleBuildError:模块生成失败(来自./node_modules/postss loader/dist/cjs):
TypeError:this.getOptions不是函数
在Object.loader(/home/louis/RubymineProjects/Oktotweet/node_modules/postss loader/dist/index.js:38:24)
at/home/louis/RubymineProjects/Oktotweet/node_modules/webpack/lib/NormalModule.js:316:20
at/home/louis/RubymineProjects/Oktotweet/node_modules/loader runner/lib/LoaderRunner.js:367:11
at/home/louis/RubymineProjects/Oktotweet/node_modules/loader runner/lib/LoaderRunner.js:233:18
@./app/javascript/packs/application.js 5:165-211
./app/javascript/stylesheets/application.scss中出错
模块构建失败(来自./node\u modules/mini css extract plugin/dist/loader.js):
ModuleBuildError:模块生成失败(来自./node_modules/sass loader/dist/cjs):
SassError:未找到或无法读取要导入的文件:@tailwindcss/base。
在/home/louis/RubymineProjects/Oktotweet/app/javascript/stylesheets/application.scss的第2行
>>@import“@tailwindcss/base”;
^
at/home/louis/RubymineProjects/Oktotweet/node_modules/webpack/lib/NormalModule.js:316:20
at/home/louis/RubymineProjects/Oktotweet/node_modules/loader runner/lib/LoaderRunner.js:367:11
at/home/louis/RubymineProjects/Oktotweet/node_modules/loader runner/lib/LoaderRunner.js:233:18
在context.callback(/home/louis/RubymineProjects/Oktotweet/node_modules/loader runner/lib/LoaderRunner.js:111:13)
在Object.callback(/home/louis/RubymineProjects/Oktotweet/node_modules/sass loader/dist/index.js:73:7)
在Object.done[作为回调](/home/louis/RubymineProjects/Oktotweet/node_modules/neo async/async.js:8069:18)
在options.error(/home/louis/RubymineProjects/Oktotweet/node_modules/node sass/lib/index.js:294:32)
@./app/javascript/packs/application.js 5:133-165
子迷你css提取插件节点_modules/css loader/dist/cjs.js??ref--5-1!node_modules/postss loader/dist/cjs.js??参考-5-2!node_modules/@fortawesome/fontawesome free/css/all.css:
入口点迷你css提取插件=*
1模块
./node_modules/@fortwome/fontwome free/css/all.css(./node_modules/css loader/dist/cjs.js??ref--5-1!。/node_modules/postss loader/dist/cjs??ref--5-2!。/node_modules/@fortwome/fontwome free/css/all.css)
模块构建失败(来自./node_modules/postss loader/dist/cjs.js):
TypeError:this.getOptions不是函数
在Object.loader(/home/louis/RubymineProjects/Oktotweet/node_modules/postss loader/dist/index.js:38:24)
子迷你css提取插件节点_modules/css loader/dist/cjs.js??ref--6-1!node_modules/postss loader/dist/cjs.js??参考-6-2!node_modules/sass loader/dist/cjs.js??参考-6-3!app/javascript/stylesheets/application.scss:
入口点迷你css提取插件=*
[0]。/node_modules/css loader/dist/cjs.js??参考-6-1/节点_模块/postss加载器/dist/cjs.js??参考-6-2/节点_模块/sass加载程序/dist/cjs.js??参考-6-3/app/javascript/stylesheets/application.scss 307字节{0}[编译][失败][1错误]
./app/javascript/stylesheets/application.scss(./node_modules/css loader/dist/cjs.js??ref--6-1!。/node_modules/postss loader/dist/cjs??ref--6-2!。/node_modules/sass loader/dist/cjs.js??ref--6-3!。/app/javascript/stylesheets/application.scss)
模块构建失败(来自./node_modules/sass loader/dist/cjs.js):
SassError:未找到或无法读取要导入的文件:@tailwindcss/base。
在/home/louis/RubymineProjects/Oktotweet/app/javascript/stylesheets/application.scss的第2行
>>@import“@tailwindcss/base”;
^
louis@Axolotl:~/RubymineProjects/Oktotweet$RAILS\u ENV=生产RAILS资产:预编译
纱线安装v1.22.10
[1/4]正在解析包。。。
成功已经是最新的。
在0.52秒内完成。
编译。。。
编译失败:
散列:604b9e914cd01865580d
版本:网页4.46.0
时间:1644毫秒
建造时间:2021-05-03 8:34:41
7资产
入口点应用程序=js/application-8500d31757e42ce282b2.js js/application-8500d31757e42ce282b2.js.map
入口点脚本/displayModal=js/script/displayModal-6f95a1a4d03fb01d89d2.js js/script/displayModal-6f95a1a4d03fb01d89d2.js/map
入口点脚本/notify=js/script/notify-e556e1f24d09b43652.js js/script/notify-e556e1f24d09b43652.js.map
[1] (webpack)/buildin/module.js 552字节{0}[builded]
[5] ./app/javascript/channels/index.js 205字节{0}[编译]
[6] ./app/javascript/channels sync_channel\.js$160字节{0}[bui