小编pri*_*sth的帖子

在 vue 组件中使用 <style lang="scss"> 会出错

我正在尝试在 Rails 中使用 vue js。一切正常,除非我尝试在<style>里面使用.vue component

确切的错误是:

./app/javascript/layouts/dashboard.vue?vue&type=style&index=0&lang=scss& (./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js! ./node_modules/sass-loader/dist/cjs.js??ref--1-2!./node_modules/style-loader/dist!./node_modules/css-loader/dist/cjs.js??ref-- 5-1!./node_modules/postcss-loader/src??ref--5-2!./node_modules/sass-loader/dist/cjs.js??ref--5-3!./node_modules/vue- loader/lib??vue-loader-options!./app/javascript/layouts/dashboard.vue?vue&type=style&index=0&lang=scss&) 模块构建失败(来自 ./node_modules/sass-loader/dist/cjs.js) :SassError:预期换行符。

我的environment.js档案

const { environment } = require('@rails/webpacker')
const { VueLoaderPlugin } = require('vue-loader')

const vueLoader = require('./loaders/vueLoader')
const vuetifyLoader = require('./loaders/vuetifyLoader')

environment.plugins.prepend('VueLoaderPlugin', new VueLoaderPlugin())

environment.loaders.prepend('vue', vueLoader)

environment.loaders.prepend('vuetify', vuetifyLoader)

const resolver = {
  resolve: {
    alias: {
      'vue$': 'vue/dist/vue.esm.js'
    }
  }
}

environment.config.merge(resolver)

module.exports = environment
Run Code Online (Sandbox Code Playgroud)

VuetifyLoader.js 文件

module.exports = {
  test: /\.s(c|a)ss$/,
  use: [
    'vue-style-loader',
    'css-loader',
    {
      loader: 'sass-loader',
      // …
Run Code Online (Sandbox Code Playgroud)

ruby-on-rails sass webpack vue.js webpacker

6
推荐指数
2
解决办法
7869
查看次数

nuxt js 供应商文件太大

我正在使用 nuxt 2 和 bootstrap vue。我当前的 nuxt.config.js 有以下模块

  • '@nuxtjs/时刻',
  • '@nuxtjs/axios',
  • '@nuxtjs/站点地图',
  • 'bootstrap-vue/nuxt',
  • '@nuxtjs/google-tag-manager',
  • 'nuxt-设备检测',

这些包作为插件,

  • vue-轮播
  • vue-渐进式图像

vendor.app.js 文件有 3.23 MB,有什么方法可以优化它吗?

webpack nuxt.js

5
推荐指数
0
解决办法
2454
查看次数

如何关闭这个 Eslint 错误“在 html 标签之前和之后需要换行”?

我正在使用 nuxt JS,每次运行“npm run dev”时,都会收到此错误:

       7:40  warning  Expected 1 line break after opening tag (`<v-card-title>`), but no line breaks found    vue/singleline-html-element-content-newline
      17:81  warning  Expected 1 line break before closing tag (`</v-card-title>`), but no line breaks found  vue/singleline-html-element-content-newline
      20:14  warning  Expected 1 line break after opening tag (`<p>`), but no line breaks found               vue/multiline-html-element-content-newline
      23:12  warning  Expected 1 line break after opening tag (`<a>`), but no line breaks found               vue/multiline-html-element-content-newline
      23:25  warning  Expected 1 line break before closing tag (`</a>`), but …
Run Code Online (Sandbox Code Playgroud)

eslint prettier

4
推荐指数
1
解决办法
7267
查看次数

当模型名称存储在变量中时,有没有办法通过变量动态访问laravel模型?

基本上我需要做的是:

$x = 'Admin';
$model = new \ReflectionClass($x);
$model->getFieldList();
Run Code Online (Sandbox Code Playgroud)

我在app文件夹中有Admin模型的地方.显然,这不起作用.有谁有想法吗?可以吗?

php laravel

1
推荐指数
1
解决办法
73
查看次数

使用图像干预保存动画 gif

我正在尝试上传动画 gif 作为用户头像。这些图像通过javascript转换为base64,然后使用图像干预上传。

$img = Image::make(file_get_contents($file));
$mime = $img->mime();
if ($mime == 'image/jpeg')
    $ext= '.jpg';
elseif ($mime == 'image/png')
    $ext= '.png';
elseif ($mime == 'image/gif')
    $ext= '.gif';
elseif($mime == 'image/x-icon')
    $ext = '.ico';
elseif($mime == 'image/bmp')
    $ext = '.bmp';
else {
    $ext = '.jpg';
}
$name = time().$ext;
$path = public_path("images/$controller");
File::isDirectory($path) or File::makeDirectory($path);
if(property_exists($field, 'size') && !$ext=='.gif') {
    $field->size = explode('*',$field->size);
    if($img->resize($field->size[0], $field->size[1])->save("$path/$name")) {
        $data[$key] = $name;
    } else {
        $data[$key] = null;
    }
} else {
    if($img->save("$path/$name")) { …
Run Code Online (Sandbox Code Playgroud)

base64 laravel intervention

0
推荐指数
1
解决办法
2466
查看次数