小编Gio*_*ane的帖子

我正在尝试设置一个用于开发的 MySQL 容器。

所以我曾经docker-compose设置它。

容器和 mysql 看起来不错。问题是我想从 DBeaver 客户端连接到它，但我找不到我是如何做到的。

这是我的docker-compose.yml：

version: '2'
services:
  db:
    image: 'mysql:5.7'
    volumes:
       - '~/dev/dbs-data/mysql:/var/lib/mysql'
    restart: 'always'
    expose: 
      - '3306'
    ports:
      - '3306:3306'
    environment:
       MYSQL_ROOT_PASSWORD: 'pass'
       MYSQL_DATABASE: 'db'
       MYSQL_USER: 'user'
       MYSQL_PASSWORD: 'pass'

当我尝试连接它时，DBeaver我得到：

java.sql.SQLException: null,  message from server: 
"Host '172.18.0.1' is not allowed to connect to this MySQL server"

更新

我不是要尝试使用 IP 进行连接172.18.0.1。我尝试使用连接localhost:3306，127.0.0.1:3306并使用子 IP docker 给了它0.0.0.0:3306

更新

在 Mac 上成功连接后，我在 Linux 上再次尝试使用 DBeaver，然后再次尝试： …

我是 Webpack、Node.js 和 Typescript 的新手，但在配置我的开发环境时遇到了问题。

当运行webpack编译我src/server.ts生成/server/bundle.js我收到此错误：

ERROR in ./src/server.ts
Module not found: Error: Can't resolve 'hapi' in '/Volumes/Dados/giovane/dev/studio-hikari/nodang/nodang-api/src'
 @ ./src/server.ts 3:11-26

该项目的架构是：

的src/server.ts：

import * as Hapi from 'hapi';

const server = new Hapi.Server();

的webpack.config.js：

const path = require('path');

module.exports = {
  entry: './src/server.ts',
  output: {
    filename: './server/bundle.js'
  },
  resolve: {
    extensions: ['.ts'],
    modules: [
      path.resolve('src'),
      path.resolve('node_modules')
    ]
  },
  module: {
    loaders: [
      {
        test: /.ts$/,
        loader: 'awesome-typescript-loader'
      }
    ] …

我正在尝试建立一个简单的网站,所以我决定学习/使用webpack为我打包一切.我决定使用TypeScript和SASS,因为我每天都使用它.

我从https://webpack.js.org开始循序渐进.我试过awesome-typescript-loader,ts-loader但是当我尝试在我的代码中使用ES6/TypeScript功能时,两者都不起作用,比如定义类型甚至使用类.

当试图传递我的时候main.ts我得到了这个:

ERROR in ./src/app/main.ts
Module parse failed: Unexpected token (4:17)
You may need an appropriate loader to handle this file type.
| import { Slider } from './components/slider/slider.component';
|
| const contactForm: ContactForm = new ContactForm('#contact-form');
|
| const slider: Slider = new Slider('#slider-container', '.slide');

我的 main.ts

import { ContactForm } from './components/contact-form/contact-form.component';
import { Slider } from './components/slider/slider.component';

const contactForm: ContactForm = new ContactForm('#contact-form');

const slider = new Slider('#slider-container', …